angular常见内置指令


 控制指令:
       ng-app:
            用于定义Angular应用入口的指令,用于[自动引导]Angular程序的运行
            
            Angular通过ng-app指令,实现自动引导程序运行,底层是通过
            bootstrap()进行模块DOM元素加载,开始运行!

 
         ng-controller
            模块中,可以给模块挂载一个或者多个控制器
            挂载好的控制器在当前模块范围内,可以通过ng-controller指令来指定控制器的作用范围。


渲染指令:

ng-repeat:用于循环输出指定的数据。

ng-bind:用于展示绑定的变量中的数据。

ng-bind-html:以浏览器的方式进行展示。

ng-include:页面包含,可以通过该指令将指定页面包含到当前页面中。

节点指令:

ng-class:用于通过双向绑定的数据变量来动态控制DOM元素的Class样式

ng-class-even/odd:用于和ng-repeat结合使用时,控制偶数行和奇数行不同的样 式处理,添加不同的样式进行隔行样式分离

ng-style:用于直接给Html标签添加行内样式的处理,样式按照css标准语法添加

ng-src:用于将图片路径动态渲染到img标签中

ng-href:用于将超链接路径动态渲染到a标签中

ng-if:选择指令,用于根据指定条件进行DOM元素的移除或者重绘到DOM结构的操作

ng-show:显示指令,用于当条件为true时将指定的元素显示绘制到网页中

ng-hide:隐藏指令,用于当条件为true时将指定的元素在页面上隐藏display:none

ng-switch:多条件选择指令,配合子指令ng-switch-whenng-switch-default一起使用,来进行多条件下的选择输出

事件指令:

ng-click:用于捕捉用户鼠标单击操作,执行指定的事件处理函数

ng-dbclick:鼠标双击

ng-keydown:键盘按键按下

ng-keyup:键盘按键擡起

ng-mousedown:鼠标左键按下

ng-mouseup:鼠标左键擡起


        
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章