angularjs中ng-change使用方法

ng-change需与ng-model结合使用，官网说明如下：Note, this directive requires ngModel to be present.

<label for="ng-change-example1">example1:</label>

<input type="checkbox" id="ng-change-example1" ng-model="ngChange"/>
<label for="ng-change-example2">example2:</label>
<input type="checkbox" id="ng-change-example2" ng-model="ngChange" ng-change="change()"/><!--ng-change要结合ng-model使用--> 
<p>改变次数：{{count}}</p>

change()方法：

  $scope.count = 0;

  $scope.change = function(){

         if($scope.ngChange){

                 alert('被选中');

         }else{

                 alert('未被选中');

         }

         $scope.count++;

  }

当点击example2时会触发change()方法，ngChange变量会发生变化，因此example1也会变化。

巴特西

angularjs中ng-change使用方法

最新文章

热门文章