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

内置指令:

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:表单提交

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值