AngularJS

Question

1.这是我的支持文档 $scope:

var supportDoc = this;
......
supportDoc.docs = data;

2。我的 ng-repeat:

data-ng-repeat="doc in supportDoc.docs | $uniqueFilter: doc.icon"

3。我的过滤器：

/*@ngInject */
$uniqueFilter.$inject = [];
ng.module('app.Shared.Layout').filter('$uniqueFilter', $uniqueFilter);
function $uniqueFilter(input, key) {
    var unique = {};
    var uniqueList = [];
    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;
     };

正在达到我的过滤器，但无论我使用什么组合，例如。

| $uniqueFilter: icon
| $uniqueFilter: doc.icon
| $uniqueFilter: supportDoc.docs.icon

等等，我仍然收到同样的错误：

    <!-- ngRepeat: doc in supportDoc.docs | $uniqueFilter: icon

数据在那里。删除过滤器允许显示数据属性，尽管有重复项，过滤器是用来删除的。

有什么想法吗？提前致谢。

Answer 1

尝试使用 angular.forEach 之类的东西来避免错误。

angular.forEach(input,function(row){
    if (typeof unique[row[key]] == "undefined") {
        unique[row[key]] = "";
        uniqueList.push(row);
    }
});

然后试试这个：

ngRepeat: doc in supportDoc.docs | $uniqueFilter: 'icon'

Answer 2

过滤函数应该return另一个函数。

module.filter('$uniqueFilter', function () { return $uniqueFilter; })

文档：https://docs.angularjs.org/tutorial/step_09

Answer 3

正如 Vinay K 所提到的那样，您的过滤条件是：

/*@ngInject */
$uniqueFilter.$inject = [];
ng.module('app.Shared.Layout').filter('$uniqueFilter', $uniqueFilter);

function $uniqueFilter() {

    return function(input, key) {
        var unique = {};
        var uniqueList = [];
        angular.forEach(input,function(row){
            if (typeof unique[row[key]] == "undefined") {
                unique[row[key]] = "";
                uniqueList.push(row);
            }
        });
        return uniqueList;
    }
}

AngularJS - 过滤器没有价值

AngularJS - filter has no value

angularjs-filter