Question

我在表单中有两个复选框现在用户可以选择一个或两个并将数据发布到服务器，但我不确定，当用户发布数据时，我将如何将这两个值绑定到$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>

Answer 1

angulars＆＃34;双向数据绑定＆＃34;像这样工作：在控制器范围

上初始化表单数据

$scope.form = {
  prcModel: false,
  prtModel: false
}

在你看来：

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

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

Answer 2

不知道这是否是您要找的，但为什么不尝试拥有自己的模型，如：

<div class="col-md-8 col-md-offset-2">
    <label class="checkbox">
        <input type="checkbox" ng-model="myModel.prcModel">Upload PRC
    </label>
    <label class="checkbox">
        <input type="checkbox" ng-model="myModel.prtModel">Upload PRT
    </label>
</div>

所以在.js代码中，您可以发送和接收模型“myModel”作为对象，值将为true或false

...
var data = $scope.myModel
...
$scope.myModel = data;

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

2 个答案: