Angularjs中controller的三種寫法分享
前言
在Angular中,Directive、Service、Filter、Controller都是以工廠方法的方式給出,而工廠方法的參數(shù)名對應(yīng)著該工廠方法依賴的Service。angularjs中controller其實就是一個方法,它有三種寫法,下面來一起看看吧。
第一種:
<pre name="code" class="javascript">var AppController = ['$scope', function($scope){ $scope.notifyServiceOnChage = function(){ console.log($scope.windowHeight); }; }]; app.controller('AppController',AppController);
在定義AppController
的時候,先聲明方法需要注入的參數(shù),然后再定義方法體。最后將AppController
綁定到app上。
第二種:
app.controller('AppController', function($scope){ $scope.notifyServiceOnChage = function(){ console.log($scope.windowHeight); }; })
直接在app的controller屬性定義,首先是controller名字,然后是方法體。
第三種:
function AppController($scope) { $scope.notifyServiceOnChage = function(){ console.log($scope.windowHeight); }; }
直接寫方法,然后在ng-controller
引用該方法
總結(jié)
以上就是關(guān)于angularjs中controller三種寫法的全部內(nèi)容,不知道大家都學會了沒有,希望這篇文章的內(nèi)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
- AngularJS控制器controller正確的通信的方法
- AngularJs學習第五篇從Controller控制器談?wù)?scope作用域
- AngularJS控制器controller給模型數(shù)據(jù)賦初始值的方法
- 詳解Angularjs在控制器(controller.js)中使用過濾器($filter)格式化日期/時間實例
- AngularJS 控制器 controller的詳解
- AngularJS利用Controller完成URL跳轉(zhuǎn)
- angularJS+requireJS實現(xiàn)controller及directive的按需加載示例
- Angularjs的Controller間通信機制實例分析
- AngularJS實現(xiàn)controller控制器間共享數(shù)據(jù)的方法示例
相關(guān)文章
Angularjs實現(xiàn)搜索關(guān)鍵字高亮顯示效果
本篇文章主要介紹了Angularjs實現(xiàn)搜索關(guān)鍵字高亮顯示的方法,具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01angular 服務(wù)的單例模式(依賴注入模式下)詳解
這篇文章主要介紹了angular 服務(wù)的單例模式(依賴注入模式下)詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-10-10