欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angularjs中controller的三種寫法分享

 更新時間:2016年09月21日 11:53:20   投稿:daisy  
這篇文章給大家介紹了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)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。

相關(guān)文章

  • angular 組件通信的幾種實現(xiàn)方式

    angular 組件通信的幾種實現(xiàn)方式

    這篇文章主要介紹了angular 組件通信的幾種實現(xiàn)方式,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-07-07
  • angularjs數(shù)組判斷是否含有某個元素的實例

    angularjs數(shù)組判斷是否含有某個元素的實例

    下面小編就為大家分享一篇angularjs數(shù)組判斷是否含有某個元素的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • Angularjs實現(xiàn)搜索關(guān)鍵字高亮顯示效果

    Angularjs實現(xiàn)搜索關(guān)鍵字高亮顯示效果

    本篇文章主要介紹了Angularjs實現(xiàn)搜索關(guān)鍵字高亮顯示的方法,具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 詳解AngularJS 模塊化

    詳解AngularJS 模塊化

    本篇文章主要介紹了詳解AngularJS 模塊化,模塊用于單獨的邏輯表示服務(wù),控制器,應(yīng)用程序等,并保持代碼的整潔。有興趣的可以了解一下
    2017-06-06
  • Angular2之二級路由詳解

    Angular2之二級路由詳解

    今天小編就為大家分享一篇Angular2之二級路由詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • AngularJS中的按需加載ocLazyLoad示例

    AngularJS中的按需加載ocLazyLoad示例

    本篇文章主要介紹了AngularJS中的按需加載ocLazyLoad,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2017-01-01
  • angular 服務(wù)的單例模式(依賴注入模式下)詳解

    angular 服務(wù)的單例模式(依賴注入模式下)詳解

    這篇文章主要介紹了angular 服務(wù)的單例模式(依賴注入模式下)詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-10-10
  • AngularJS表單和輸入驗證實例

    AngularJS表單和輸入驗證實例

    本篇文章詳細的介紹了AngularJS表單和輸入驗證實例, AngularJS表單可以提供驗證功能。有需要的可以了解一下。
    2016-11-11
  • 使用Angular CLI進行單元測試和E2E測試的方法

    使用Angular CLI進行單元測試和E2E測試的方法

    這篇文章主要介紹了使用Angular CLI進行單元測試和E2E測試的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • 淺析Angular19 自定義表單控件

    淺析Angular19 自定義表單控件

    這篇文章主要介紹了Angular19 自定義表單控件的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2018-01-01

最新評論