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