Angular.js。 Ng模型的复选框

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 ? '+' : '-';
};