Question

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

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">

控制器：

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

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

Answer 2

您可以通过添加ng-checked将条件添加到您的复选框本身。认为这应该适合你，希望这有助于或让你朝着正确的方向前进

        <div class="col-md-3">
            <label class="radio-inline">
                <input type="checkbox" 
                    ng-checked="$scope.attestorObj.attestationStatus == 'approved'"
                    ng-model="aprv"
                    name="attestorFlag" id="attestorFlag"> I attest </label>
        </div>

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

2 个答案: