如何使用ng-model发布复选框的值?

aft*_*tab 5 html javascript checkbox angularjs

我现在有两个复选框,用户可以选择其中一个或两个并将数据发布到服务器,但我不确定,$scope.ng-model当用户发布数据时,我将如何绑定这两个值?

main.html中

<div class="col-md-8 col-md-offset-2">
    <label class="checkbox">
        <input type="checkbox" ng-value="'uploadPrc'" ng-model="prcModel">Upload PRC
    </label>
    <label class="checkbox">
        <input type="checkbox" ng-value="'uploadPrt'" ng-model="prtModel">Upload PRT
    </label>
</div>
Run Code Online (Sandbox Code Playgroud)

And*_*ing 1

角度“双向数据绑定”的工作原理如下:在控制器范围上初始化表单数据

$scope.form = {
  prcModel: false,
  prtModel: false
}
Run Code Online (Sandbox Code Playgroud)

而在你看来:

<div class="col-md-8 col-md-offset-2">
    <label class="checkbox">
        <input type="checkbox" ng-value="'form.prcModel'" ng-model="form.prcModel">Upload PRC
    </label>
    <label class="checkbox">
        <input type="checkbox" ng-value="'form.prtModel'" ng-model="form.prtModel">Upload PRT
    </label>
</div>
Run Code Online (Sandbox Code Playgroud)

如果更改复选框的值,模型的值也会立即更改。所以你需要做的就是$scope.form在你的控制器中处理你的事情。