码迷,mamicode.com
首页 > Web开发 > 详细

用angularjs开发下一代web应用(一):angularjs简介

时间:2014-08-02 15:38:13      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:angularjs   angular   ng-controller   ng-model   scope   

1.客户端模板

        与普通的web方式及ajax方式不同, 在angular中,模板和数据都会发送到浏览器中,然后在客户端进行装配。这样一来,服务器的角色就变成了仅仅为这些模板提供一些静态资源,然后为这些模板提供所需的正确数据。{{ }}:单向的数据绑定

2.MVC

        在angular应用中,视图就是DOM({{ }}),控制器就是js类(ng-controller),而模型数据则被存储在对象的属性中($scope:将数据绑定到UI的元素上)。

3.数据绑定

        仅仅声明UI中的某部分需要映射到某个js属性,然后让他们自己去同步。ng-model:保持变更与模型同步。

4.依赖注入

         进行数据绑定的$scope对象,进行数据绑定到url的$location对象。

         这种风格遵循了一种叫做迪米特法则Law of Demeter,核心的含义是一个类要尽可能少地知道其他类的相关信息)的设计模式,也叫做最少知识原则。

5.指令

         angular的最强大功能之一,可以把模板编写成html的形式。Dom转换引擎,拓展html的语法,html拓展指令。内置很多指令,我们也可以自己拓展。

过滤器:

         用来转换特定的格式。有一个内置过滤器currency(货币),实现美元格式化。eg:   {{item.price  | currency }}


用angularjs开发下一代web应用(一):angularjs简介,布布扣,bubuko.com

用angularjs开发下一代web应用(一):angularjs简介

标签:angularjs   angular   ng-controller   ng-model   scope   

原文地址:http://blog.csdn.net/hzk1562110692/article/details/38347281

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!