Untitled

<html ng-app="sample">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</head> 
<body ng-controller="test">
<div>
<div>
<table>
<thead>
<tr>
<td>#</td>
<td>Order</td>
<td>Details</td>    
<td></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="order in orders">
<td>{{order.id}}</td>
<td>{{order.number}}</td>
<td>{{order.details}}</td>
<td><a href="showDetails()">show details</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
<script>
    var sample=angular.module("sample",[]);
    sample.controller("test",function($scope){
    var person1={id:"1",number:"1234",details:"samsung mobile"};
    var person2={id:"2",number:"1235",details:"motorola mobile"};
    var person3={id:"1",number:"1236",details:"MI3 mobile"};
    var person=[person1,person2,person3];
    $scope.orders=person;
    });     
</script>
</html>

// Code goes here

/* Styles go here */