如何防止相同的标签在 AngularJS 中创建重复的复选框

Question

问题是重复复选框。这是有问题的代码片段。

<div class="row">
    <label data-ng-repeat="x in projects">
        <input
        type="checkbox"
        data-ng-true-value="{{x.b}}"
        data-ng-false-value=''
        ng-model="quer[queryBy]" />
        {{x.b}}
    </label>
</div>

这就是我想要的，根据重复的数据生成复选框以过滤 table，但标签中的数据有时与 'b' 中的信息相同。我该怎么做才能让一个通用输入只有一个复选框。

一些上下文。这将创建两个标记为“123”的复选框，我只想要一个。

$scope.projects = [
  {
    a : "G",
    b : "123",
    c : "S1",

     {
    a : "R",
    b : "456",
    c : "S2",
  },
     {
    a : "G",
    b : "123",
    c : "S3",
  },
];

Answer 1

尝试使用这个 angular 扩展：https://github.com/a8m/angular-filter

然后调整你的 ng-repeat 如下：

 <label ng-repeat="x in projects | unique:'b'">

如何防止相同的标签在 AngularJS 中创建重复的复选框

How to prevent identical labels creating duplicate checkboxes in AngularJS

javascript

checkbox

angularjs