Angular.js。复选框

Question

伍模型这里是我的代码：

<input type="checkbox" ng-model="variable"> 

在这种情况下variable将根据复选框的状态是true或false。我需要设置不是true/false，而是设置"+"/"-"。什么是最简单的方法来做到这一点？ 谢谢。

Answer 1

According to the docs，你应该使用ng-true-value和/或ng-false-value覆盖true和false值：

<input type="checkbox" ng-model="variable" ng-true-value="+" ng-false-value="-"> 

Answer 2

使用ng-click来做到这一点。

<input type="checkbox" ng-model="variable" ng-click="check()"> 

在控制器：

$scope.check = function() { 
    $scope.selected = $scope.variable === true ? '+' : '-'; 
}; 

Live Plunker.

Answer 3

只安装在您的复选框型号的手表。

HTML：

<input type="checkbox" ng-model="isChecked"> 

的JavaScript：

// set initial value 
$scope.isChecked = $scope.variable === '+'; 

// watch for changes to the checkbox model 
$scope.$watch('isChecked', function(newVal) { 
    $scope.variable = newVal ? '+' : '-'; 
};