您的位置:首页 > Web前端 > AngularJS

Angular中的内置指令和自定义指令

2016-06-22 00:09 417 查看
内置指令:

ngApp指令:ng-app 指令用来设定一个 AngularJS 应用程序的作用范围的根对象上,系统执行时会自动的执行根对象范围内的其他指令可以在同一个页面创建多个 ng-app 节点(不推荐)
创建多个ng-app时,默认只能执行第一个,后面的需要手动引导: angular.bootstrap()

标记的范围尽可能小,性能,区域范围越小,性能会更好。

ngController指令:用于将控制层的一个控制器作用到视图层,用于支持MVC开发模式的重要的一个方面。

必须在ngApp指令的范围之内,这条指令创造了一个新的作用域,优先级很高。

ngBind指令:将作用域($scope)中的值绑定到元素的 innerHTML 上,其效果会比通过表达式绑定的方式更友好

用于改进表达式 {{}} 所带来的加载时表达式符号暂时性展现的问题。

ngRepeat 指令:ng-repeat 指令用来遍历一个数组重复创建当前元素

ngShow和ngHide 指令:用于控制页面元素的隐藏和显示值为boolean类型。

如果是false,就会在页面元素上加上一个类ng-hide用于隐藏元素

ngIf 指令:ngIf指令完全不同于ngShow或者ngHide ,它控制的是:是否有这个dom元素,而非显示隐藏。

事件指令:

ng-change:发生改变

ng-copy:拷贝完成

ng-click:单击 ng-click='func()'

ng-dblclick:双击

ng-focus:得到焦点

ng-blur:失去焦点

ng-submit:表单提交
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: