例
関数を実行すると、入力フィールドの値が変更：
<body ng-app="myApp">
<div ng-controller="myCtrl">
<input type="text" ng-change="myFunc()" ng-model="myValue" />
<p>The input field has changed {{count}} times.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope',
function($scope) {
$scope.count = 0;
$scope.myFunc = function() {
$scope.count++;
};
}]);
</script>
</body>
»それを自分で試してみてください 定義と使用法
ng-changeディレクティブは、ときに、HTML要素の値が変更され何をすべきかAngularJSを伝えます。
ng-change指令が必要とng-modelに存在するとディレクティブを。
ng-change AngularJSからの指令は、両方の、要素の元のonchangeイベントを上書きしませんng-change発現と元のonchangeイベントが実行されます。
ng-changeイベントは、値のすべての変更でトリガされます。 すべての変更が行われるまで、待機しません、または入力フィールドがフォーカスを失ったとき。
ng-change変化はJavaScriptから作製した場合、イベントだけではない入力値の実際の変化があった場合にトリガされ、。
構文
< element ng-change=" expression "></ element ><選択>、<入力>でサポートされている、と<TEXTAREA>。
パラメーター値
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |