Angularjs中controller的三種寫法分享
前言
在Angular中,Directive、Service、Filter、Controller都是以工廠方法的方式給出,而工廠方法的參數(shù)名對(duì)應(yīng)著該工廠方法依賴的Service。angularjs中controller其實(shí)就是一個(gè)方法,它有三種寫法,下面來一起看看吧。
第一種:
<pre name="code" class="javascript">var AppController = ['$scope', function($scope){ $scope.notifyServiceOnChage = function(){ console.log($scope.windowHeight); }; }]; app.controller('AppController',AppController);
在定義AppController
的時(shí)候,先聲明方法需要注入的參數(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)容,不知道大家都學(xué)會(huì)了沒有,希望這篇文章的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
- AngularJS控制器controller正確的通信的方法
- AngularJs學(xué)習(xí)第五篇從Controller控制器談?wù)?scope作用域
- AngularJS控制器controller給模型數(shù)據(jù)賦初始值的方法
- 詳解Angularjs在控制器(controller.js)中使用過濾器($filter)格式化日期/時(shí)間實(shí)例
- AngularJS 控制器 controller的詳解
- AngularJS利用Controller完成URL跳轉(zhuǎn)
- angularJS+requireJS實(shí)現(xiàn)controller及directive的按需加載示例
- Angularjs的Controller間通信機(jī)制實(shí)例分析
- AngularJS實(shí)現(xiàn)controller控制器間共享數(shù)據(jù)的方法示例
相關(guān)文章
angular 組件通信的幾種實(shí)現(xiàn)方式
這篇文章主要介紹了angular 組件通信的幾種實(shí)現(xiàn)方式,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07angularjs數(shù)組判斷是否含有某個(gè)元素的實(shí)例
下面小編就為大家分享一篇angularjs數(shù)組判斷是否含有某個(gè)元素的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02Angularjs實(shí)現(xiàn)搜索關(guān)鍵字高亮顯示效果
本篇文章主要介紹了Angularjs實(shí)現(xiàn)搜索關(guān)鍵字高亮顯示的方法,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01angular 服務(wù)的單例模式(依賴注入模式下)詳解
這篇文章主要介紹了angular 服務(wù)的單例模式(依賴注入模式下)詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10使用Angular CLI進(jìn)行單元測(cè)試和E2E測(cè)試的方法
這篇文章主要介紹了使用Angular CLI進(jìn)行單元測(cè)試和E2E測(cè)試的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03