javascript - 如何防止相同的标签在 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>

这符合我想要的根据重复数据生成复选框以过滤表格的目的，但标签中的数据有时在“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'">