AngularJS的理解模型

 

 

======================分割線,下面是對angularJS的自定義服務的理解=============================

1. 自定義服務:
    1. 定義格式
        app.service("brandService",function(){
            this.findAll=function(){
                ...
            }
        });
    2. 自定義服務的理解:  
        1.  基本共識:angularjs的 MVC : 
            V(就是js) -----> M(就是html)------> C(就是瀏覽器將M解析後我們看到的界面)
            ps: 其中C中的controller應該被視作對象;
        2.  M <=====> V 的關係:
            AngularJS設定 M和V 中的數據雙向綁定 :
            1. M(model)中的數據一旦變化,瀏覽器引擎馬上更新頁面的V(view);
            2. V(view)中的數一旦變化(比如V中的輸入框輸入數據),瀏覽器引擎馬上會更新M(model)
                所在內存區中的數據;
        3.  C ----> M 的關係:
            AngularJS設定 C和M 是單向綁定的, C 通過$scope(模型屬性域對象那個)單向引用M中的
                屬性數據;
        4.  基於以上分析,我們可以知道,我們在 M<===>V 的關係架設好以後,主要關心的就是:C-->M的
               關係,或者說我們的前端的主戰場在js中的C(controller),因爲C是前端M(model)與
               後端M(javaBean)數據互通的橋樑;在js中的Controller 就相當於是java中類的對象,controller
               裏邊的方法就相當於是java類中的方法,它可以利用後端方法抽取的思想,在同一個ng-app範圍內,將
               controller對象中不同的方法的公共的操作部分抽取到 service類中的某個方法中,這樣我們就可以
               在controller對象創建時依賴注入service對象,然後就可以在 controller對象的方法中調用service
               的方法了; 這些抽取:一方面是爲了代碼的重用性,另一方面是爲了controller的結構更清晰;
        
        5.  ng-app/controller/service 三者之間的關係:
            這三個的關係是: controller與service同一級別,都屬於ng-app的一個子類;ng-app給controller提供了
            一塊可操作區域,service給controller提供了一個可以調用的工具方法類庫;
               
            
        

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章