1. 程式人生 > >AngularJS(二)模組與依賴注入、函式與依賴注入

AngularJS(二)模組與依賴注入、函式與依賴注入

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;
})