大家好，我是IT修真院北京分院第23期的學員郭婷婷，一枚正直純潔善良的WEB前端程序員。
今天給大家分享一下，什么是ANGUALR的控制器？
分享人：郭婷婷
1.背景介紹
? ? ? ?在學習angular的過程中，不同于javascript，遇到了許多新的概念，比如指令（directive）、服務（service）、控制器（controller）、模型（model）等。還接觸到了MVC這種將數(shù)據(jù)管理、業(yè)務邏輯控制和數(shù)據(jù)展示分離開，進而使程序的邏輯性和可維護性更強的思想。接下來，我們會分享、討論一下控制器的用法。
2.知識剖析
2.1什么是控制器？
Angular中的控制器，是一個常規(guī)的JavaScript對象，用于控制 AngularJS 應用程序的數(shù)據(jù)。由標準的 JavaScript 對象的構造函數(shù)創(chuàng)建。通常它是通過controller()方法進行聲明，該方法接受兩個參數(shù)，第一個為控制器名稱，第二個是個匿名方法，即控制器的構造方法（函數(shù)）。
例如，它可以這樣表達：
2.2 控制器的作用域范圍和繼承
? ? ? ?在html中使用ng-controller指令實例化控制器時，會產(chǎn)生一個新的作用域?qū)ο?。在同一個頁面的ng-app作用域下可以通過ng-controller實例化多個控制器對象。但是，每個控制器對應的作用域?qū)ο笾荒芘cng-controller指令所在標簽的開始與結束標簽之間的DOM元素上建立數(shù)據(jù)綁定。
2.3 控制器的作用
? ? ? ?控制器的作用主要有兩個：第一個，scope作用域?qū)ο蟪跏蓟?；第二個，給scope作用域?qū)ο笸ㄟ^一些方法或者函數(shù)增加行為 。
3.常見問題
問題: 如何在多個controller中進行信息的溝通？
4.解決方案
方法一：利用作用域繼承的原理，子控制器訪問父級控制器中的內(nèi)容。
方法二：異步回調(diào)響應式通信—事件機制(或消息機制)。
方法三：使用service服務進行數(shù)據(jù)傳輸。
5.編碼實戰(zhàn)
6.擴展思考
問題: 在多個controller中進行信息的溝通還有哪些？
ngularJs項目實戰(zhàn): 不同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修真院
“我們相信人人都可以成為一個工程師，現(xiàn)在開始，找個師兄，帶你入門，掌控自己學習的節(jié)奏，學習的路上不再迷?！?。
這里是技能樹.IT修真院，成千上萬的師兄在這里找到了自己的學習路線，學習透明化，成長可見化，師兄1對1免費指導?？靵砼c我一起學習吧?！
