<html>
<head>
<title>Angular JS Views</title>
<script src="js/Angular.js"></script>
<script type="text/javascript" src="js/route.js"></script>
<script type="text/javascript" src="js/routeParams.js"></script>
<script type="text/javascript" src="js/ngView.js"></script>
<script>
var mainApp = 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>
<div ng-app="mainApp">
<p><a href="#addStudent">Add Student</a></p>
<p><a href="#viewStudents">View Students</a></p>
<div ng-view></div>
<script type="text/ng-template" id="addStudent.html">
<h2> Add Student </h2>
{{message}}
</script>
<script type="text/ng-template" id="viewStudents.html">
<h2> View Students </h2>
{{message}}
</script>
</div>
</body>
</html>
时间： 2024-10-03 21:41:32