javascript - 用于嵌套 ng-repeat 的 Angular 独特过滤器

Question

我想插入内容，以便它在复选框旁边打印每个学生的位置，而不会出现任何重复的位置。我的 HTML 看起来像这样:

<ul ng-repeat="group in groups">
  <li ng-repeat="student in group.students | unique : 'location'">
     <input type="checkbox" id="location">
     <label for="location" ng-repeat="loc in student.location | unique : 'loc'">{{loc}}</label>
  </li>
</ul>

我正在使用此过滤器代码来过滤掉 JSON 文件中的重复项目。

App.js

app.filter('unique', function() {
    return function(input, key) {
        var uniqueList = [];
        var unique = {};
        for(var i = 0; i < input.length; i++) {
            if(typeof unique[input[i][key]] == "undefined") {
                unique[input[i][key]] = "";
                uniqueList.push(input[i]);

            }
        }
        return uniqueList;
    };
});

我的 JSON 文件的格式如下:

"groups" : [
    {
        "name": "a",
        "students" : [
            {
                "student_name" : "Nate",
                "location" : "California"
            },
            {
                "student_name" : "Natalie",
                "location": "Michigan"
            },
            {
                "student_name" : "Tim",
                "location" : "California"
            }
        ]
    },
    {
        "name" : "b",
        "students" : [
            {
                "student_name" : "Brian",
                "location" : "California"
            }
        ]
    }
]

它打印出加利福尼亚州密歇根州加利福尼亚州。我认为这是因为 uniqueList 在进入另一个组时会重置。我不确定如何使用嵌套对象来解决这个问题。有人可以向我解释我做错了什么吗？

Answer 1

您将无法在过滤器中执行此操作，因为您是正确的，每个组都会重置它。您需要事先将各组组合起来，然后循环组合后的组。