1. 程式人生 > >angularjs初學者知識點總結1:對於不同module間的依賴注入

angularjs初學者知識點總結1:對於不同module間的依賴注入

1.第一個module裡定義一個factory

angular.module('myApp1', [])
.factory('Chats', function() {
	return{
	      all: function() {
	        return '123';
	      }
	}
});

2.第二個module裡定義一個controller,在這個controller裡注入module1的factory,像以下這樣寫是不行的,要麼在[ ]裡寫入對module1的依賴['myApp1'],要麼再寫一個module3同時依賴於module1和module2
angular.module('myApp2', [])
.controller('c2', function($scope, Chats) {
	$scope.pp=Chats.all();
});

3.寫第三個module,同時依賴於module1和module2
angular.module('myApp3', ['myApp1','myApp2']);
然後在頁面裡呼叫module3的app和module2的controller,這樣就行了
<div ng-app="myApp3" ng-controller="c2">
  <h1>Hello {{pp}}</h1>
</div>