AngularJS 控制器 controller的詳解
AngularJS 控制器 controller的詳解
一、控制器概念
控制器在Angualrjs 中的作用是增強(qiáng)視圖，并且是一個函數(shù)，用來向視圖的作用域中添加額外的功能。我們用它來給作用域?qū)ο笤O(shè)置初始狀態(tài)，并添加自定義行為。
當(dāng)我們在頁面上創(chuàng)建一個新的控制器是，angularjs會生成并傳遞一個新的$scope給這個控制器?？梢栽谶@個控制器里初始化$scope，由于angularjs會負(fù)責(zé)處理控制器的實(shí)例化過程。
列子：
var app=angular.module("myApp",[])
app.controller("FirstController",function($socpe){
$scope.name="Hello"
})
二、控制器的注意事項(xiàng)
1.控制器可以將與一個獨(dú)立視圖相關(guān)的業(yè)務(wù)邏輯封裝在一個獨(dú)立的容器中。盡可能的精簡控制器是很好的做法。作為angularjs開發(fā)者，使用依賴注入來訪問服務(wù)可以實(shí)現(xiàn)這個目的。
2.angularjs同其他JavaScript框架最主要的一個區(qū)別就是，控制器并不適合用來執(zhí)行DOM操作、格式化或數(shù)據(jù)操作，以及除存儲數(shù)據(jù)模型之外的狀態(tài)維護(hù)操作。他只是視圖和$scope之間的橋梁。
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
Angular重構(gòu)數(shù)組字段的解決方法示例
這篇文章主要為大家介紹了Angular重構(gòu)數(shù)組字段的解決方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
AngularJS 中使用Swiper制作滾動圖不能滑動的解決方法
Swiper是目前較為流行的移動端觸摸滑動插件，因?yàn)槠浜唵魏糜靡咨鲜?，受到很多前端開發(fā)者的歡迎。這篇文章主要介紹了AngularJS 中使用Swiper制作滾動圖不能滑動的解決方法,需要的朋友可以參考下2016-11-11
Angular.js通過自定義指令directive實(shí)現(xiàn)滑塊滑動效果
這篇文章主要給大家介紹了關(guān)于Angular.js如何通過自定義指令directive實(shí)現(xiàn)滑塊滑動的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用angularjs具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-10-10
Angularjs中ng-repeat-start與ng-repeat-end的用法實(shí)例介紹
這篇文章主要給大家介紹了Angularjs中ng-repeat-start與ng-repeat-end的用法，文章開始先進(jìn)行了簡單的介紹，而后通過完整的實(shí)例代碼詳細(xì)給大家介紹這兩者的用法，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12
directive（指令）是angular的一個非常強(qiáng)大又有用的功能，它相當(dāng)于實(shí)現(xiàn)了組件化的概念，我們可以通過它公共地自定義DOM元素或CLASS類或ATTR屬性，并且在這基礎(chǔ)上進(jìn)行操作scope、綁定事件等等2017-05-05
AngularJS動態(tài)添加數(shù)據(jù)并刪除的實(shí)例
下面小編就為大家分享一篇AngularJS動態(tài)添加數(shù)據(jù)并刪除的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
淺談Angular7 項(xiàng)目開發(fā)總結(jié)
這篇文章主要介紹了淺談Angular7 項(xiàng)目開發(fā)總結(jié)，本文在此做一次遇到問題的總結(jié)，以便知識的掌握，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了AngularJS指令中的綁定策略,結(jié)合實(shí)例形式分析了scope綁定策略的分類與具體實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12
AngularJS實(shí)現(xiàn)表單手動驗(yàn)證和表單自動驗(yàn)證
本文是對AngularJS表單驗(yàn)證，手動驗(yàn)證或自動驗(yàn)證的講解，對學(xué)習(xí)JavaScript編程技術(shù)有所幫助，感興趣的小伙伴們可以參考一下2015-12-12
本文續(xù)上文，接著介紹AngularJS語法，和上文一樣，都是通過示例來向大家分析說明，非常不錯的一篇文章，推薦給大家。2015-01-01