取消按钮上的Angular JS Uncheck复选框

Question

<input type="checkbox" name="chk" ng-model="Crate" ng-click="crate('sm',$event)">

取消模型

$scope.cancelC = function() {
console.log($scope.Crate); 
}

//显示错误但未取消选中复选框

Answer 1

您必须指定ng-value。 您可以仅使用ng-value="true"或其他值作为字符串值ng-value="'now-this-is-a-string-value'" 。

 angular.module('test', []).controller('TestController', function() { var vm = this; this.title = 'Test'; this.value = true; this.toggle = function() { vm.value = !vm.value; }; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="test"> <div ng-controller="TestController as test"> {{ test.title }} <input type="checkbox" name="chk" ng-model="test.value" ng-value="true" /> <button ng-click="test.toggle('sm',$event)">Toggle</button> </div> </div>