素材巴巴 > 程序开发 >

AngularJS的理解模型

程序开发 2023-09-04 09:07:17

 

 

======================分割线,下面是对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提供了一个可以调用的工具方法类库;
               
            
        


标签:

上一篇: antd table columns ts报错 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。