「AngularJS入門」ng-changeディレクティブのサンプル
構文
<element ng-change="expression"></element>
<input>, <select>と <textarea> サポート
使用例
htmlコード
<head> <meta charset="utf-8"> <script src="/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app="arkGame"> <div ng-controller="arkCtrl"> <p>please enter message in textbox:</p> <input type="text" ng-change="arkFunc()" ng-model="arkValue" /> <p>textbox update {{count}} time</p> </div>
JavaScriptコード
<script> angular.module('arkGame', []) .controller('arkCtrl', ['$scope', function($scope) { $scope.count = 0; $scope.arkFunc = function() { $scope.count++; }; }]); </script>