hi you can try this way
create a folder and place HTML and Controller file at same place. I created folder on desktop, then First create HTML file then Create a Controller file inside desktop folder.
Step 1: to create
index.html file.
open notepad and paste below code and I saved it as "index.html" :
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
<script src="testController.js"></script>
</head>
<div ng-app="myApp" ng-controller="testCtrl">
<table border="1">
<tr ng-repeat="item in orders">
<td> {{item.item_qty}} </td>
<td> {{item.product_name}} </td>
<td> {{item.status}} </td>
<td> {{item.product_price}}</td>
<td> Sum: {{item.item_qty + item.product_price}} </td>
</tr>
</table>
</div>
</html>
Step 2: to create
testController.js file.
open notepad and paste below code and save file as "testController.js" :
angular.module('myApp', []).controller('testCtrl', function($scope) {
$scope.orders = [
{item_qty:10,product_name:'Test1', status: '', product_price: 350},
{item_qty:3,product_name:'Test2', status: '', product_price: 100},
{item_qty:25,product_name:'Test3', status: '', product_price: 200}
];
});
once both files are created then open "index.html" in browser (I used Internet Explorer). Hope this will help you..