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提供了一个可以调用的工具方法类库;
               
            
        

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-17
  • 2022-01-14
  • 2021-10-28
  • 2021-08-20
  • 2021-11-09
  • 2021-11-22
猜你喜欢
  • 2022-12-23
  • 2022-02-08
  • 2021-10-09
  • 2022-12-23
  • 2021-04-24
  • 2021-10-03
  • 2021-10-20
相关资源
相似解决方案