Angular 过滤器，将 ng-repeating 对象中的字符串数组与字符串数组进行比较，并过滤掉不匹配的对象

Question

这个 Angular 过滤器被传递给一个 ng-repeat 中使用的对象数组（item in items）。

    [{
        title: "Star Wars",
        categories: ["Adventure", "Family"]
    }, {
        title: "Star Search",
        categories: ["Realty", "Fantasy"]
    }, {
        title: "Star Trek",
        categories: ["Sci-Fi", "Fantasy"]
    }]

还有一个字符串数组（categoriesFiltered）

    ["Adventure", "Sci-Fi"]

遍历 ng-repeat 中的 items 并将 categories 数组...与 categoriesFiltered 数组进行比较的最佳方法是什么，并将匹配的 items 推送到新的 filtered 数组？

这就是我已经走了多远

categoryFilter.filter('filterCategories', function () {
    return function (items, categoriesFiltered) {
        var filtered = [];

        for (var i = 0; i < items.length; i++) {
            for (var j = 0; j < items[i].categories; j++) {
                if (filtered.indexOf(items[i].categories[j]) === -1) {
                    filtered.push(items[i]);
                };
            };
        };
        return filtered;
    };
});

这里是plunker...

Answer 1

有一些问题。

1. 您返回的filtered 数组在返回的函数之外，它应该在里面。
2. 您没有在 for 循环条件中检查 items[i].categories.length。
3. 您使用错误的数组来检查indexOf。
4. 我假设您的 categoriesFiltered 示例是拼写错误，看起来像 ["Adventure", "Sci-Fi"]，因为 [{"Adventure", "Sci-Fi"}] 是无效的 javascript。

试试这个：

categoryFilter.filter('filterCategories', function () {
    return function (items, categoriesFiltered) {
        var filtered = [];

        for (var i = 0; i < items.length; i++) {
            for (var j = 0; j < items[i].categories.length; j++) {
              if (categoriesFiltered.indexOf(items[i].categories[j]) > -1) {
                filtered.push(items[i]);
              }
            }
        }
        return filtered;
    };
});