标签：
野兽的 ng api 学习 -- ngChange、ngChecked、ngClick、ngDblclick
ngChange
当用户更改输入时，执行给定的表达式。表达式是立即进行执行的，这个和javascript的onChange事件的只有在触发事件的变化结束的时候执行不同。
格式：ng-change=”value”
value: 表达式。
使用代码：
<div ng-app="Demo">
<div ng-controller="testCtrl">
<input ng-change="fn()" ng-model="inputValue" />
</div>
</div>
<script>
angular.module("Demo", [])
.controller("testCtrl", ["$scope", function ($scope) {
$scope.fn = function () {
alert($scope.inputValue);
};
}])
</script>
这个指令就是对输入的值做个监听，当发现值变化的时候，你需要让我做什么操作我就做什么操作咯。
ngChecked
HTML规范不允许浏览器保持boolean值属性，就像checked。（他们存在是true，不存在即为false）如果我们将一个Angular表达式转换为这样一个属性，那么绑定的信息将会在浏览器移除这个属性的时候消失。ngChecked 指令解决了checked这个属性的问题。这个补充的指令不会被浏览器移除，并且提供一个永久可靠的地方来存储绑定的信息。
格式： ng-checked=“value”
value：表达式 结果是个boolean类型
使用代码：
<input type="button" ng-click="isChecked = !isChecked" value="toggle" />
<input type="checkbox" ng-checked="isChecked" />
偷偷的说下，这个指令在做选择配置的时候挺有用的哦。
ngClick
ngClick指令允许当一个元素被点击后执行指定的表达式。
格式：ng-click=“value“
value：表达式
使用代码：
<input type="button" value="add-count" ng-click="count=count+1" ng-init="count=0;" />
{{count}}
鼠标单击事件，不用多说。
ngDblclick
ngDblclick指令允许你在dblclick事件上执行指定的表达式。
格式：ng-dblclick=“value”
value：表达式
使用代码：
<input type="button" value="add-count" ng-dblclick="count=count+1" ng-init="count=0;" />
{{count}}
鼠标双击事件，无需解释。
总结完收工，早睡早起身体好，野兽睡觉去 -。- 明天还得早起上班。
野兽的Angular Api 学习、翻译及理解 - - ngChange、ngChecked、ngClick、ngDblclick
标签：
原文地址：http://www.cnblogs.com/ys-ys/p/4940956.html
