<HTML><Head> <title>Angular JS views</title><Scriptsrc= "Js/angular.js"></Script><Scripttype= "Text/javascript"src= "Js/route.js"></Script><Scripttype= "Text/javascript"src= "Js/routeparams.js"></Script><Scripttype= "Text/javascript"src= "Js/ngview.js"></Script><Script> varMainapp=Angular.module ("Mainapp", ['Ngroute']); Mainapp.config (['$routeProvider', function($routeProvider) {$routeProvider. When ('/addstudent', {templateurl:'addstudent.html', Controller:'Addstudentcontroller' }). When ('/viewstudents', {templateurl:'viewstudents.html', Controller:'Viewstudentscontroller' }). Otherwise ({redirectto:'/addstudent' }); }]); Mainapp.controller ('Addstudentcontroller', function($scope) {$scope. Message= "111111111111111111111"; }); Mainapp.controller ('Viewstudentscontroller', function($scope) {$scope. Message= "222222222222222222222"; }); </Script></Head><Body> <H2>AngularJS Sample Application</H2> <DivNg-app= "Mainapp"> <P><ahref= "#addStudent">ADD Student</a></P> <P><ahref= "#viewStudents">View Students</a></P> <DivNg-view></Div> <Scripttype= "Text/ng-template"ID= "addstudent.html"> <H2>ADD Student</h2>{{message}}</Script> <Scripttype= "Text/ng-template"ID= "viewstudents.html"> <H2>View Students</h2>{{message}}</Script> </Div></Body></HTML>
Angularjs Record Learning 04