javascript - 如果条件为真，如何使复选框选中？

Question

在页面加载时，我正在检查 attestationStatus 标志是否已批准，我想选中复选框，但下面的实现不起作用，知道什么实现了错误。

main.html

<div class="col-md-3">
    <label class="radio-inline">
        <input type="checkbox" 
            ng-model="aprv" 
            name="attestorFlag" 
            id="attestorFlag" 
            ng-value="'Y'"> I attest 
        </label>
</div>

main.js

if ($scope.attestorObj.attestationStatus === 'approved') {
    $scope.aprv = 'Y';
}

Answer 1

您不需要ng-value。仅使用 ng-model 并将 $scope.aprv 值设置为 true 或 false。

<input type="checkbox" ng-model="aprv" name="attestorFlag" id="attestorFlag">

Controller :

if ($scope.attestorObj.attestationStatus === 'approved') {
    $scope.aprv = true;
}

http://codepen.io/ces/pen/gpexBX