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:表单提交
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:表单提交
相关文章推荐
- angularJS WEB项目组织结构
- AngularJs练习Demo19 Resource
- AngularJs练习Demo18 Resource
- AngularJs练习Demo17 ngRoute
- AngularJs练习Demo16 ngRoute
- AngularJs练习Demo15自定义服务
- AngularJs练习Demo14自定义服务
- AngularJs练习Demo13Provider_factory
- AngularJs练习Demo12Provider
- AngularJs练习Demo11引入Jquery
- AngularJs练习Demo10 ngInclude
- AngularJs练习Demo8 自定义过滤器
- AngularJs练习Demo7
- AngularJs练习Demo6
- AngularJs练习Demo5
- AngularJs练习Demo4
- AngularJs练习Demo3
- AngularJs练习Demo2
- AngularJs练习Demo1
- angularjs的表单验证