控制指令:
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-when和ng-switch-default一起使用,来进行多条件下的选择输出
事件指令:
ng-click:用于捕捉用户鼠标单击操作,执行指定的事件处理函数
ng-dbclick:鼠标双击
ng-keydown:键盘按键按下
ng-keyup:键盘按键抬起
ng-mousedown:鼠标左键按下
ng-mouseup:鼠标左键抬起