码迷,mamicode.com
首页 > 其他好文 > 详细

angular之指令

时间:2019-04-27 21:11:45      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:bug   系统   direct   执行   数据绑定   作用   开头   多个   repeat   

指令(Directive)

1、指令概念介绍    

    --  AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集。

    --  在DOM编译期间和HTML关联着的指令会被检测到,并且 会被执行。

    --  在AngularJS中间前缀ng- 这种属性称之为指令,其作用就是为DOM元素调用方法、定义行为绑定数据等。

    --  简单地说,当一个Angular应用启动,Angular就会遍历DOM树来解析HTML,根据指令不同,完 成不同操作。  

    --  HTML5允许扩展的(自制的)属性,以data-开头。

    --  AngularJS 属性以ng- 开头,但是可以使用data-  ng- 来让网页对HTML5有效。

2、ng-app 指令

    --  ng-app指令用来标明一个AngularJS应用程序。

    --  标记在一个AngularJS的作用范围的根对象上。

    --  系统执行时会自动的执行根对象范围内的其他指令。

    --  可以在同一个页面创建多个ng-app 节点。

3、ng-repeat指令

     --  ng-repeat指令用来编译一个数组重复创建当前元素,如:

技术图片

4、ng-class指令

    --  ng-class指令可以设置一个键值对,用于决定是否添加一个特定的类名,键为class名,值为bool 类型表示是否添加该类名,如:

 技术图片

5、ng-show、ng-hide指令

    --  ng-show、ng-hide指令会根据属性值确定是否展示当前元素,例如ng-show=false则不会展示 该元素

 技术图片

6、ng-if 是指是否存在DOM元素

7、ng-link、ng-src指令

    --   ng-link、ng-src指令用于解决当链接类型的数据绑定时造成的加载BUG,如:

技术图片

8、其他常用指令

    --  ng-model

    --  ng-click

    --  ng-init  

 

angular之指令

标签:bug   系统   direct   执行   数据绑定   作用   开头   多个   repeat   

原文地址:https://www.cnblogs.com/wangyfax/p/10780218.html

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