行如风Angular初识3-创新互联

最近一直在学习AngularJs的内容,受益颇多,今天就继续为大家分享我的学习成果,上一篇博文主要说了一下关于MVC的事情,这个是学习Angular的基础,所以我觉得如果是小白的话非常有必要搞清楚三者之间的关系,废话不多说。

创新互联建站是网站建设专家,致力于互联网品牌建设与网络营销,专业领域包括成都网站制作、做网站、电商网站制作开发、小程序开发、微信营销、系统平台开发,与其他网站设计及系统开发公司不同,我们的整合解决方案结合了恒基网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,且不断评估并优化我们的方案,为客户提供全方位的互联网品牌整合方案!

  Angualar的主要特征呢,前面说过是双向数据绑定,那么是怎么来实现的呢?

   先来说一下MVVM,MVVM就是module-view-view-module(模型---视图---视图---模型),与之前的MVC不同的是MVVM是双向的,即模型改变视图会自动跟着变,视图改变模型也会跟着变,控制器同样起中间桥梁的作用。下面上一段代码,来举例说明:

                  
        
`name`
        

在上面的代码中ng-app是模块化指令,ng-controller是控制器指令,下面的所有数据的绑定和引用必须全部在当前模块"myApp"和控制器"ctrl"之内写入,否则的话Angular不会检测到对应的服务,`name`是控制器内的固定服务对象$scope的name属性,表单里的值由ng-model="name"指令来绑定到视图上。

将上面这段代码Copy到HTML里面去,在页面上会看到div和表单input里的值都是"hello world!",那么怎么知道视图的变化会影响到模型的变化呢?大家只要在页面里将input里面的值改变,会发现上面div里的值会相应作出同样的变化,这是因为,在改变表单里的值的同时,触发js的事件,js里的控制器$scope里的属性会跟着变化,同样当$scope里的值发生改变的时候,视图里绑定的值也会发生改变,所以当表单input里的值变化,$scope的属性改变,然后`name`也跟着变化,故大家会发现表单和div里的值会同时变化。这篇先到这里,大家一起努力~~Fingting!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页名称:行如风Angular初识3-创新互联
转载源于:http://myzitong.com/article/djiphs.html

其他资讯