动态创建角度复选框并获取它们的值答案

【问题标题】：Dynamically create angular checkboxes and get their values动态创建角度复选框并获取它们的值
【发布时间】：2015-07-22 04:22:56
【问题描述】：

我有一个程序需要检查系统上所有当前用户的 API，然后向管理员提供一个表格，管理员可以决定哪些人可以授予某些权力。为了做到这一点，我不知道如何将信息建模到我的 formData 中。我有这个，但它不起作用：

<p ng-repeat="f in mdfields"><input type="checkbox" ng-model="formData.checkboxes" ng-true-value="{{f}}"> {{f}}</p>

mdfields 只是每个用户名的数组。

这可能会让您知道我想要什么：我只想显示所有用户的名称，让管理员根据需要选择任意数量的用户，然后将这些信息提供给 $scope.formData 所以我可以将它传递给另一个 API 调用并做一些事情。

编辑：澄清一下，被调用的复选框列表可以经常更改，理想情况下，我希望能够将一些数据发送回服务器，具体内容如下： [“乔史密斯”：真] [“弗兰克·琼斯”：假]

虽然可以只将已检查人员的姓名发送回服务器。

【问题讨论】：

【解决方案1】：

在不了解您的模型的情况下，有几种方法可以做到：

作为fobject 的属性 - 可以过滤 mdfields 数组以找到 selected：

<input ng-model="f.selected">

All in one scope variable array（如果因为索引更改而进行任何过滤，这不是一个好的选择）：

<input  ng-model="formData.checkboxes[$index]"
        ng-init="formData.checkboxes[$index]=formData.checkboxes[$index]|false">

在一个作用域变量对象中——通过id选择容易收集

<input  ng-model="formData.checkboxes[f.id]">

【讨论】：