什么是angular js指令

来源:互联网 发布:美国最新非农数据分析 编辑:程序博客网 时间:2024/05/16 12:43
angular js指令将其理解为AngularJS操作HTML element的一种途径。
所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突。
对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能,他的职责是修改DOM结构并将作用域和DOM连接起来。
指令:内置指令ng-app、ng-model、ng-form、ng-controller、ng-disabled、ng-readonly、ng-checked、ng-selected、ng-show、ng-hide、ng-switch、ng-repeat、ng-click、ng-class
每一次用AngularJS都离不开这个指令,顺便说下$rootScope。
一、常见的指令:
1、ng-model将表单控件和当前作用域的属性进行绑定。例子:。。
2、ng-init该指令被调用时会初始化内部作用域。例子:。。
、、、、、
二、在html中使用指令
1、例子:<my-directive></my-directive>
<input my-directive>
<input class="my-directive">
三、指令的生命周期
1、angular js 会调用指令的编译函数,该函数会返回一个链接的函数,他会接收所有的链接函数。
2.一旦所有的指令编译完成,angualr js会自动创建作用域。
四、定义指令
1、每个指令都必须在模块上注册。定义指令的方法是在模块上调用directive()房、方法,。。
0 0
原创粉丝点击