将复选框输入组映射到 AngularJS 数组

Question

我需要将选定复选框的列表映射到 javascript (AngularJS) 数组。当用户选择一个复选框时，我需要更新相关数组。这个数组必须有这个结构：

$scope.items = ["value specific selected checkbox1", "value specific selected checkbox2"]

我在输入标签中使用 ng-true-value 指令来设置选定复选框的特定值以添加到项目数组中。

如果用户取消选择一个复选框，我需要从 items 数组中删除特定值。数组不应有重复值。

Answer 1

看看这个： https://github.com/vitalets/checklist-model

否则，您可以创建自己的指令，该指令将使用复选框的 ngModelController（$formatters 和 $parsers）：

• 格式化程序：你的模型是一个数组，你返回真或假取决于你的复选框的值是否在这个数组中。
• 解析器：如果选中，则将复选框值添加到数组中，否则将其删除。