AngularJS - filter has no value

Question

1. This is my supportDoc $scope:

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

enter image description here

2. My ng-repeat:

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

3. And my filter:

/*@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;
     };

My filter is being reached but no matter what combination I use, eg.

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

etc., I still receive the same error:

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

The data is there. Removing the filter allows the data to be displayed property, albeit with duplicates that the filter was meant to be used to remove.

Any ideas? Thanks in advance.

First, the use of the filter is the first --> | $uniqueFilter: icon. You can forget the others — Rémi Becheras
– Rémi Becheras, Commented Mar 3, 2015 at 14:17
Excuse me I am wrong ! It must it the model, so, the third : supportDoc.docs.icon — Rémi Becheras
– Rémi Becheras, Commented Mar 3, 2015 at 14:22
You should typically not use $name syntax since $--- usually signifies angular's internal methods/etc. — Mark Pieszak - Trilon.io
– Mark Pieszak - Trilon.io, Commented Mar 3, 2015 at 14:41

Vinay K · Accepted Answer · 2015-03-03 14:43:55Z

2

Filter function should return another function.

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

Documentation : https://docs.angularjs.org/tutorial/step_09

answered Mar 3, 2015 at 14:43

Vinay K

5,5721 gold badge20 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rémi Becheras · Accepted Answer · 2015-03-03 14:37:45Z

0

Try using something like angular.forEach to avoid the error.

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

and try this :

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

edited Mar 3, 2015 at 14:37

answered Mar 3, 2015 at 14:27

Rémi Becheras

15.3k14 gold badges55 silver badges85 bronze badges

Comments

Rémi Becheras · Accepted Answer · 2015-03-03 14:48:55Z

0

As mentionned Vinay K, your filter as to look at that :

/*@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;
    }
}

answered Mar 3, 2015 at 14:48

Rémi Becheras

15.3k14 gold badges55 silver badges85 bronze badges

Collectives™ on Stack Overflow

AngularJS - filter has no value

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related