html5 - angularjs怎么实现checkbox选中触发事件？

Question

html代码：

<input type="checkbox" ng-click="sub(1)">选择



<p ng-show="showType==1" class="btn">
      <button type="submit">提交申请</button>
        </p>


        <p ng-show="showType==2" class="btn">
      <button type="submit">提交申请</button>
        </p>

js代码：

var app = angular.module('test', []);
    app.controller('chkCtrl', function($scope){
         $scope.showType=1;
        $scope.sub = function(type){
            if(type==1){
         $scope.showType =2;
            }
            else if( $scope.showType ==2){
                $scope.showType =1;
            }
            };

这代码点击勾选的时候有效，但是取消勾选就没效了。请问要怎么样修改？

Answer 1

$scope.sub()的參數去掉，然後在方法體裡面加一句讓$scope.showType取反

HTML

<input type="checkbox" ng-click="sub()">选择



<p ng-show="showType==1" class="btn">
  <button type="submit">提交申请</button>
</p>





<p ng-show="showType!=1" class="btn">
  <button type="submit">提交申请</button>
</p>

JS

var app = angular.module('test', []);
app.controller('chkCtrl', function($scope){
    $scope.showType=1;
    $scope.sub = function(){
        $scope.showType=!$scope.showType;
    }
};

是這意思不？

Answer 2

你的sub始終傳參都是1，當然不會有變化咯