Angularjs基础(十)

Angularjs 2019-01-14

ng-blur 　　　　　　描述：规定blur 事件的行为
　　　　　　实例：当输入框失去焦点的(onblur)时执行表达式：
　　　　　　　　 　　　　　　　　

{{count}}


　　　　　　定义和用法
　　　　　　　　　　ng-blur 指令用于告诉AngularJS HTML 元素在失去焦点时须执行的表达式。
　　　　　　　　　　语法：
　　　　　　　　　　参数值：值：expression 描述：失去焦点时执行的表达式。

ng-change 　　　　描述：规定在内容改变时执行的表达式。
　　　　　　实例：当输入框 的值改变时执行函数。
　　　　　　　　 　　　　　　　　　　

　　　　　　　　　　　　 　　　　　　　　　　　　

The input field has changed {{count}} times.


　　　　　　　　　　

　　　　　　　　
　　　　　　　　
　　　　定义和用法
　　　　　　　　ng-change 指令用于告诉AngularJS 在HTML元素值改变时需要执行的操作。
　　　　　　　　ng-change 指令需要搭配ng-model 指令使用。
　　　　　　　　AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件,如果触发该事件，ng-change 表达式与原生的 onchange 事件都会执行。
　　　　　　　　ng-change 事件在值的每次改变时触发，它不需要等等一个完成的修改过程或等待失去焦点的动作
　　　　　　　　ng-change 事件只针对输入框值的真实修改，而不是通过JavaScript 来修改。
　　　　　　　　语法：
　　　　　　　　参数值： 值:expression 描述：元素值改变时执行表达式。

ng-checked 　　　　规定元素是否被选中
　　　　　　　　实例：选择一个或选择所有选项：
　　　　　　　　　　 　　　　　　　　　　　　

My:


　　　　　　　　　　　　Box" ng-model="all">
　　　　　　　　　　　　Box" ng-checked="all">
　　　　　　　　　　　　Box" ng-checked="all">
　　　　　　　　　　　　Box" ng-checked="all">
　　　　　　　　　　
　　　　　　　　定义和用法
　　　　　　　　　　　　ng-checked 指令用于设置复选框（checkBox）或单选按钮(radio)的checked 的属性。
　　　　　　　　　　　　如果ng-checked 属性返回true,复选框（checkBox） 或单选按钮（radio）将会被选中。
　　　　　　　　语法：
　　　　　　　　　　　　Box | radio" ng-checked="expression">
　　　　　　　　　　　　参数值： 值：expression 描述; 如果返回true ，将会选中元素选项。

ng-class 　　　　　　描述:指定HTML 元素使用的CSS 类。
　　　　　　　　实例：修改

元素的类：
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　　　

Welcome Home !


　　　　　　　　　　　　　　

I like it !


　　　　　　　　　　　　

　　　　　　　　定义和用法
　　　　　　　　　　　　ng-class 指令用于给HTML 元素动态绑定一个或多个CSS 类。
　　　　　　　　　　　　ng-class 指令的值可以是字符串，对象，或一个数组。
　　　　　　　　　　　　如果是字符串，多个类名使用空格分隔。
　　　　　　　　　　　　如果是对象，需要使用 key-value 对，key 是一个布尔值，value 为你想要添加的类名。只有在 key 为 true 时类才会被添加。
　　　　　　　　　　　　如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象。
　　　　　　　　　　　　语法： ng-class="expression"
　　　　　　　　　　　　参数值： 值：expression 描述： 表达式返回一个或多个类名。

ng-class-even 　　　　　　描述：类似ng-class,但只在偶数行起作用。
　　　　　　　　实例：为表格的偶数行设置 class="striped":
　　　　　　　　　　 　　　　　　　　　　　　
　　　　　　　　　　　　 　　　　　　　　　　　　 　　　　　　　　　　　　 　　　　　　　　 　　　　　　定义和用法
　　　　　　　　　　ng-class-even 指令用于为HTML 元素动态的绑定一个或多个CSS 类，但只能为偶数行。
　　　　　　　　　　ng-class-even 指令需要 与ng-repeat 指令搭配使用。
　　　　　　　　　　ng-class-even 指令建议使用 在表格的样式渲染中，但是所有HTML 元素都是支持的。
　　　　　　　　　　语法
　　　　　　　　　　参数值：值：expression 描述： 达到指定一个或多个css 类。

ng-class-odd 　　　　　　类似ng-class,但只在奇数行起作用。
　　　　　　　　实例：为表格的偶数行设置 class="striped"；
　　　　　　　　　　

　　　　　　　　　　　　
　　　　　　　　　　　　 　　　　　　　　　　　　 　　　　　　　　　　　　 　　　　　　　　 　　　　　　定义和用法
　　　　　　　　ng-class-odd 指令用于为HTML 元素动态的绑定一个或多个CSS 类，但只能为奇数行。
　　　　　　　　ng-class-odd 指令需要 与ng-repeat 指令搭配使用。
　　　　　　　　ng-class-odd 指令建议使用 在表格的样式渲染中，但是所有HTML 元素都是支持的。
　　　　　　　　语法：
　　　　　　　　参数值： 值： expression 描述： 表达式指定一个或多个CSS 类。

ng-click 　　　　　　定义元素被点击时的行为
　　　　　　　实例：按钮没次点击时，计数变量count自动加1；