AngularJS第三弹:
AngularJS里的指令主要分为两种内置指令和自定义指令。
指令是AngularJS对HTML的功能的扩展,增加了额外的标签或者属性来实现了更加强大的数据处理功能。
AngularJS中提供了内置指令以方便开发人员对于常见功能的处理,同时也可以通过自定义指令的方式来实现更加完善和强大的功能处理;内置的指令都是ng-开头的,常见的一般有控制指令如np-app等、渲染指令如ng-repeat等、节点指令如ng-class等等、事件处理指令如ng-click等等;
内置指令:
ng-app:用于指定AngularJS应用启动的入口和挂载应用的根模块
ng-controller:用于指定AngularJS模块上的控制器和对应的DOM元素的绑定
2.渲染指令:ng-repeat:用于循环输出指定的数据
ng-bind:用于展示绑定的变量中的数据
ng-bind-html:已浏览器可以解释的方式进行数据的展示
ng-include:页面包含,可以通过该指令将指定的另一个页面包含到当前页面中
3.节点指令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-when和ng-switch-default一起使用,来进行多条件下的选择输出
ng-click:用于捕捉用户鼠标单击操作,执行指定的事件处理函数
ng-dbclick:鼠标双击
ng-keydown:键盘按键按下
ng-keyup:键盘按键抬起
ng-mousedown:鼠标左键按下
ng-mouseup:鼠标左键抬起