[AngularJS]ngChecked

在 AngularJS 中操作 Checkbox 有非常多的小技巧可以使用開發上更為方便。

在使用上，一樣是直接在 input 上掛上 ng-model 來控制，另外可以透過 ng-true-value 、 ng-false-value 來控制 value，如果要初始化決定是否已點擊時則是透過 ng-checked 來判斷。

HTML

<!-- true為2、false為0 -->
<input type="checkbox" ng-model="isCheck" ng-true-value="2" ng-false-value="0" ng-checked="isCheck === 2">

<!-- 點擊後，checkbox 會被選取-->
<button ng-click="triggerCheck()">triggerCheck</button>
<button ng-click="showVal()">GetValue</button>

Javascript

$scope.isCheck = 0;

$scope.triggerCheck = function() {
    $scope.isCheck = 2;
};

$scope.showVal = function() {
    alert($scope.isCheck);
};