大家好,我是IT修真院北京分院第23期的學員郭婷婷,一枚正直純潔善良的WEB前端程序員。
今天給大家分享一下,什么是ANGUALR的控制器?
分享人:郭婷婷
1.背景介紹
? ? ? ?在學習angular的過程中,不同于javascript,遇到了許多新的概念,比如指令(directive)、服務(service)、控制器(controller)、模型(model)等。還接觸到了MVC這種將數據管理、業務邏輯控制和數據展示分離開,進而使程序的邏輯性和可維護性更強的思想。接下來,我們會分享、討論一下控制器的用法。
2.知識剖析
2.1什么是控制器?
Angular中的控制器,是一個常規的JavaScript對象,用于控制 AngularJS 應用程序的數據。由標準的 JavaScript 對象的構造函數創建。通常它是通過controller()方法進行聲明,該方法接受兩個參數,第一個為控制器名稱,第二個是個匿名方法,即控制器的構造方法(函數)。
例如,它可以這樣表達:
2.2 控制器的作用域范圍和繼承
? ? ? ?在html中使用ng-controller指令實例化控制器時,會產生一個新的作用域對象。在同一個頁面的ng-app作用域下可以通過ng-controller實例化多個控制器對象。但是,每個控制器對應的作用域對象只能與ng-controller指令所在標簽的開始與結束標簽之間的DOM元素上建立數據綁定。
2.3 控制器的作用
? ? ? ?控制器的作用主要有兩個:第一個,scope作用域對象初始化 ;第二個,給scope作用域對象通過一些方法或者函數增加行為 。
3.常見問題
問題: 如何在多個controller中進行信息的溝通?
4.解決方案
方法一:利用作用域繼承的原理,子控制器訪問父級控制器中的內容。
方法三:使用service服務進行數據傳輸。
5.編碼實戰
6.擴展思考
問題: 在多個controller中進行信息的溝通還有哪些?
ngularJs項目實戰: 不同controller作用域之間通信的方式
7.參考文獻
參考一:AngularJs入門與進階
參考二:Angularjs Controller 間通信機制
參考四:Angularjs Controller 間通信機制
參考五:angularJS的controller之間如何正確的通信
參考五:神奇的angularJS --連接controller的橋梁 service
8.更多討論
鳴謝
感謝大家觀看
BY : 沁修 | 高雪峰| 黃源志|郭婷婷
PPT鏈接:https://ptteng.github.io/PPT/PPT/js-07-controller.html#/
視頻鏈接: https://pan.baidu.com/s/1hsQqL72 密碼: unec
--------------------------------------------------------------------------------------------------------------------
技能樹.IT修真院
“我們相信人人都可以成為一個工程師,現在開始,找個師兄,帶你入門,掌控自己學習的節奏,學習的路上不再迷茫”。
這里是技能樹.IT修真院,成千上萬的師兄在這里找到了自己的學習路線,學習透明化,成長可見化,師兄1對1免費指導。快來與我一起學習吧?!