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

angularjs学习笔记三——directive

时间:2015-09-29 13:09:58      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

1、ng-app此指令声明angular的边界,也就是应用程序入口(当然没有ng—app指令的时候也不要奇怪,还有其他方法可以做入口,angular.bootstrap(element,[modules],config))

 

2、ng-bind 就是绑定模板,其实和{{hash}}的效果是一样的,不过要注意的是{{hash}}在各种原因下可能会被用户看到,带来不好的用户体验

 

3、ng-model 它链接了页面可交互元素(input,textarea之类的)和位于$scope之上的model,这儿有点乱,自己理清楚即可

 

4、ng-controller设置子作用域对象$scope(父作用域为$rootScope)的初始状态,给子作用域$scope增加行为,控制业务逻辑

 

5、ng-init 初始化数组,可以方便测试,现在已经不推荐使用

 

6、ng-repeat迭代输出 orderBy:“keyword”可以指定输出顺序

 

7、ng-click 允许自定义行为某个元素被点击,当然其它事件指令都有类似的作用如:

  ng-dbclick双击  ng-mouseDown按下鼠标左键  ng-mouseUp松开鼠标左键  ng-mouseOver鼠标移出  ng-mouseEnter鼠标移入

  ng-copy 文本被复制  ng-paste文本被粘贴  ng-select文本被选择  ng-change ng-blur ng-keydown等等,当然还有很多,就不11列出了

 

8、ng-submit 这肯定和form表单相关咯,对,就是submit form的意思

 

9、ng-href/ng-src 链接,这里可能会有人问,为什么不直接用html标签的属性呢?href/src = “{{hash}}”

  因为官方说:The browser will fetch from the URL with the literal text {{hash}} until Angular replaces the expression inside {{hash}}.

  如果浏览器将{{hash}}里的值,也即src/href属性值替换成文本以后可能就停止干活了.

 

10、ng-if 接收boolean值,若为false,它控制的DOM节点会被删除,若为true就会创建被插入DOM节点

 

11、ng-include 可以在模板中嵌入其他模板,实现前端页面的复用 

 

12、ng-non-bindable指令指该元素的内部{{****}}不被绑定和转义,不受angular的掌控

 

13、ng-pluralize 应该是使成为复数

 

14、ng-show/ng-hide 显示、隐藏元素

 

15、ng-style设置style  接收一个css对象  ng-style={{cssObj}}

 

16、ng-switch这个指令相当于通过$scope内部变量控制dom的隐藏和显示,其实这个指令非常强大, 相当于是为html代码提供了ifelse的功能 (因为angular的html中不能通过ifelse控制逻辑)

 

17、ng-transclude自定义标签

 

angularjs学习笔记三——directive

标签:

原文地址:http://www.cnblogs.com/jianjianwoshi/p/4845615.html

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