program11

<!DOCTYPE html>

<html lang=”en” ng-app=”studentApp”>

<head>

 <meta charset=”UTF-8″>

 <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

 <title>AngularJS Student Details</title>

 <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/

angular.min.js”></script>

</head>

<body ng-controller=”StudentController”>

 <h1>Student Details</h1>

 <ul>

 <li ng-repeat=”student in students”>

 <strong>NAME:</strong> {{ student.name | uppercase }}<br>

 <strong>CITY:</strong> {{ student.address | uppercase }}

 </li>

 </ul>

 <script>var app = angular.module(‘studentApp’, []);

 app.controller(‘StudentController’, function($scope) {

 $scope.students = [

 { name: ‘vijay’, address: ‘chickballapur’ },

 { name: ‘anand’, address: ‘bangalore’ },

 { name: ‘kushal’, address: ‘bangalore’ },

 { name: ‘nithin’, address: ‘chickballapur’ }

 ];

});

</script>

</body>

</html>