<html ng-app="myApp">
<head >
<title></title>
<script src="Scripts/angular.js"></script>
</head>
<body ng-controller="HomeCtrl">
<div>
<ul>
<li ng-repeat="x in Friends">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module("myApp", [])
.controller("HomeCtrl", function ($scope) {
$scope.Friends = ['Shalvin', 'Pankaj', 'Praseed'];
});
</script>
</body>
</html>
Controller in separate JavaScript file
App.js
var app = angular.module("myApp", [])
.controller("HomeCtrl", function ($scope) {
$scope.Friends = ['Shalvin', 'Pankaj', 'Praseed'];
});index.htm
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
<title></title>
<script src="../Scripts/angular.js"></script>
<script src="Apps/App.js"></script>
</head>
<body ng-controller="HomeCtrl">
<ul>
<li ng-repeat="x in Friends">{{x}}</li>
</ul>
</body>
Controller Complex Array
AppComplex.js
var app = angular.module("myApp", [])
.controller("HomeCtrl", function ($scope) {
$scope.Friends = [{ Name: 'Shalvin', Location: 'Kochi' },
{Name:'Pankaj', Location :'NCR'},
{Name:'Praseed', Location:'Alwaye'}];
});
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
<title></title>
<script src="Scripts/angular.js"></script>
<script src="Scripts/AppComplex.js"></script>
</head>
<body ng-controller="HomeCtrl">
<ul>
<li ng-repeat="x in Friends">{{x.Name}} located at {{x.Location}}</li>
</ul>
</body>
</html>
No comments:
Post a Comment