html代码:
<input type="checkbox" ng-click="sub(1)">选择<div ng-show="showType==1" class="btn"> <button type="submit">提交申请</button> </div> <div ng-show="showType==2" class="btn"> <button type="submit">提交申请</button> </div>
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; } };
这代码点击勾选的时候有效,但是取消勾选就没效了。请问要怎么样修改?
解决方案
$scope.sub()
的参数去掉,然后在方法体里面加一句让$scope.showType
取反
HTML
<input type="checkbox" ng-click="sub()">选择<div ng-show="showType==1" class="btn"> <button type="submit">提交申请</button></div><div ng-show="showType!=1" class="btn"> <button type="submit">提交申请</button></div>
JS
var app = angular.module('test', []);app.controller('chkCtrl', function($scope){ $scope.showType=1; $scope.sub = function(){ $scope.showType=!$scope.showType; }};
是这意思不?