???????????????? 各位觀眾老爺大家好,歡迎收看內褲總動員之程序猿的IT程序大講堂,今天給大家分享一個新的東西就是.AngularJS.跟著上一次的繼續,今天給大家分享一下AngularJS 控制器.
AngularJS控制器
AngularJS 控制器控制AngularJS 應用程序的數據。
AngularJS 控制器是常規的JavaScript 對象。
AngularJS 應用程序被控制器控制。
ng-controller指令定義了應用程序控制器。
控制器是JavaScript 對象,由標準的 JavaScript對象的構造函數創建。
"栗子":
應用解析:
AngularJS 應用程序由ng-app定義。應用程序在
內運行。
ng-controller="myCtrl"?屬性是一個 AngularJS 指令。用于定義一個控制器。
myCtrl函數是一個 JavaScript 函數。
AngularJS 使用$scope對象來調用控制器。
在 AngularJS 中, $scope 是一個應用象(屬于應用變量和函數)。
控制器的$scope(相當于作用域、控制范圍)用來保存AngularJS Model(模型)的對象。
控制器在作用域中創建了兩個屬性 (firstName和lastName)。
ng-model指令綁定輸入域到控制器的屬性(firstName 和 lastName)。
控制器方法
上面的實例演示了一個帶有 lastName 和 firstName 這兩個屬性的控制器對象。
控制器也可以有方法(變量和函數):
外部文件中的控制器
在大型的應用程序中,通常是把控制器存儲在外部文件中。
只需要把 script中的代碼 自己做一個js文件引入即可. 標簽中的代碼復制到名為
其他實例
以下實例創建一個新的控制器文件:
保存成js文件然后,在應用中使用控制器文件:
好啦,關于控制器的使用方法就介紹到這里了,感謝大家的閱讀.