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

Map checkbox inputs group to AngularJS array

本文关键字：AngularJS 数组 映射 复选框 输入      更新时间：2024-01-15

我需要将选中复选框的列表映射到javascript（AngularJS）数组。当用户选中一个复选框时，我需要更新相关的数组。此数组必须具有以下结构：

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

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

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

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

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

  • 格式化程序：您的模型是一个数组，根据复选框的值是否在此数组中，您将返回true或false
  • Parser：如果选中，则将复选框值添加到数组中，否则将其删除
相关文章：