module1.html
<!DOCTYPE html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
<script src="js/script.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="js/module1.js"></script>
<script src="js/module2.js"></script>
</head>
<body>
<div ng-app="HelloWorldApp">
<div ng-controller="HelloWorldController">
<h1>{{greeting}}</h1>
</div>
</body>
</html>
module2.html
<!DOCTYPE html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
<script src="js/script.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="js/module1.js"></script>
<script src="js/module2.js"></script>
</head>
<body>
<div ng-app="HelloUserApp">
<div ng-controller="HelloUserController">
<h1>{{greeting}}</h1>
<h2></h2>
</div>
</div>
</body>
</html>
module1.js
angular.module('HelloWorldApp', [])
.controller('HelloWorldController', function($scope) {
$scope.greeting = "Hello World";
});
module2.js
angular.module('HelloUserApp', [])
.controller('HelloUserController', function($scope) {
$scope.greeting = "Hello World";
});
No comments:
Post a Comment