angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的? 

小课堂

分享人:万登胜

1、ng-if

2、ng-option

3、ng-class

4、ng-value

5、ng-click

1、ng-if

ng-if 指令用于在表达式为 false 时移除 HTML 元素。 如果 if 语句执行的结果为 true,会添加移除元素,并显示。 ng-if 指令不同于 ng-hide, ng-hide 隐藏元素,而 ng-if 是从 DOM 中移除元素。

2、ng-option

在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出
我们也可以使用ng-repeat 指令来创建下拉列表:
ng-repeat 指令是通过数组来循环 HTML 代码来创建下拉列表,但 ng-options 指令更适合创建下拉列表,它有以下优势: 使用 ng-options 的选项是一个对象, ng-repeat 是一个字符串。

3、ng-class

fng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。
ng-class 指令的值可以是字符串,对象,或一个数组。
如果是字符串,多个类名使用空格分隔。

4、ng-value

ng-value 指令用于设置 input 或 select 元素的 value 属性。

5、ng-click

ng-click 指令告诉了 AngularJS HTML 元素被点击后需要执行的操作。

感谢大家观看

BY : 万登胜