AngularJS(二)模組與依賴注入、函式與依賴注入
阿新 • • 發佈:2019-02-18
1.模組與依賴注入
angular.module('myApp', []);
是初學時用到的,定義ng-app="myApp"這個應用,這就是一個模組。
( )裡的內容分兩部分:
1. 前部分為name,要和ng-app的值保持一致;
2. 後面是一個字串陣列[ ],為要注入到本模組中的其他模組,[ ]裡面不寫內容就是不注入依賴,但[ ]必須要寫,因為angular.module('myApp')也是模組的一種寫法,getter的意思,獲得這個模組。
而我們之前的寫法為setter的寫法,就是定義的意思。
2.函式與依賴注入
函式的依賴注入與模組的依賴注入不同,模組是在陣列[ ]中注入;
而函式是在function()中注入,如下例子中,將value函式注入到controller中,需要將注入的依賴的名字寫入到function( )的括號中
<script> var app = angular.module('myApp', []); //定義myApp模組 app.value("defaultAge",12); //定義模組中的名為defaultAge的value函式 app.controller('myCtrl', functioln($scope,defaultAge){ //將value函式注入到controller控制器中
$scope.age = defaultAge;
})