How to get unique element in ng-options

Question

I'm having problems on filtering an array of String with ng-options

Assuming I have an array of this type

$scope.params.output = ["A","B","A","B","A","B"];

and an HTML of this type:

ng-options="item as item for item in params.output | unique : 'item'"

my select renders all the array, without filtering it, where did i get wrong?

Did you include relevant lib as noted in [this answer](https://stackoverflow.com/a/15941016/492258) — asdf_enel_hak, Sep 25 '17 at 10:36
It's simple, using `index` you can sort your array. See this: https://codereview.stackexchange.com/questions/60128/removing-duplicates-from-an-array-quickly You can create filter and use that for your problem — Avnesh Shakya, Sep 25 '17 at 12:48

score 0 · Answer 1 · answered Sep 25 '17 at 10:49

0

Add unique.js in your code.Copy this js and place it in seperate js file and attach it to your code

answered Sep 25 '17 at 10:49

Alexa

77
11

score 0 · Answer 2 · edited Sep 25 '17 at 12:32

0

use this filter. it will work.

app.filter('unique', function() {
    return function(collection, keyname) {
        var output = [], 
        keys = [];

        angular.forEach(collection, function(item) {
            var key = item[keyname];
            if(keys.indexOf(key) === -1) {
                keys.push(key);
                output.push(item);
            }
        });

        return output;
    };
});

Template:

<div ng-repeat="item in items | unique: 'id'"></div>

edited Sep 25 '17 at 12:32

Avnesh Shakya

3,828
2
23
31

answered Sep 25 '17 at 10:50

pankaj malik

107
2
15

this code will work for array of object and you want to get unique object. for array of string there is a minor modification in code. – pankaj malik Sep 25 '17 at 10:57

How to get unique element in ng-options

2 Answers2