Question

有一个复选框，当为true时应显示yes，否则为false。不幸的是，虽然它确实可以工作，但是它允许您单击它来更改后端值。它不断显示该值为false。有什么帮助吗？

<div class="form-group">
    <label for="useAppEntitlements"
        class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">Use
    Application
    Entitlements?</label>
    <div class="col-lg-7 col-sm-7 col-xs-7">
        <label class="margin-top-5">
            <input name="useAppEntitlements" id="useAppEntitlements"
                class="checkbox-slider yesno"
                type="checkbox"
                ng-model="targetEntity.useAppEntitlements"
                ng-true-value="1"
                ng-false-value="0"
                ng-disabled="editMode == false && !isNewSite">
            <span class="text"/>
        </label>
    </div>
</div>

我想知道，如果后端JSON显示它为true时，如果没有显示正确的值，那么问题可能出在哪里？

Answer 1

看看我创建的这个简单的小插曲：

https://next.plnkr.co/edit/TEj3nJLNPIWp77lW?open=lib%2Fscript.js&deferRun=1

您将创建一个$ scope.targetEntity对象，如下所示：

$scope.targetEntity = {
 useAppEntitlements = false;
}

就像控制台日志一样，每次单击复选框时，它都会在true和false（0和1）之间切换。

AngularJS-复选框不反映后端的价值

1 个答案: