AngularJS: Discard duplicates element from an Json data which is from nodejs server sides rendered data

Question

I am using "itunes-search" module in nodejs and it is send the sends the search results as Json data. The Json data has a filed named "artistName" which has duplicates element I can see. but I want to print the "artistName" values discarding the duplicates instance. Means one value should be printed only one time. I have only included the

<script type="text/javascript" src="/angular.js"></script>
<script src="js/angular-file-upload.min.js"></script>

I am trying with the bellowed code. But it is not working. Multiple elements of value are also printed.

<ul>
<li data-ng-repeat="data in response | orderBy:'artistName' | unique:'artistName' "> 
<b> {{data.artistName}} <b><br/>
</li>
</ul>

I will really appreciate him who will help me.

http://stackoverflow.com/questions/15914658/angular-js-how-to-make-ng-repeat-filter-out-duplicate-results — Jayram, Jun 18 '15 at 08:51
I did that but couldn't understand what to do.Where to add the functionalities. I added in some place of my js file but the whole project crushed after that:). Please help me.. @Jayram — Muhammad Ashikuzzaman, Jun 18 '15 at 08:55
Error: [$injector:unpr] Unknown provider: uniqueFilterProvider <- uniqueFilter @Jayram — Muhammad Ashikuzzaman, Jun 18 '15 at 08:58

score 0 · Answer 1 · answered Jun 18 '15 at 09:02

You'll need to create your filter. Here is an example :

angular.module('app',[]).filter('unique', function() {
  return function(list, attribute) {
    var result= [];
    var keys = [];

    // Find duplicates
    angular.forEach(list, function(item) {
      if(keys.indexOf(item[attribute]) === -1) { // Not already present
          keys.push(item[attribute]);
          result.push(item);
      }
  });

  return result;
};

score 0 · Answer 2 · answered Jun 18 '15 at 09:03

0

The error says you need to have unique filter loaded in your angular app in order to use it. Angular could not find the filter and hence throwing the error. Here is the way you can fix that.

Save this as unique.js in your scripts and load it in HTML.
Add 'ui.filters' to your dependencies in your app.

answered Jun 18 '15 at 09:03

Jayram

18,820
6
51
68

I new please can you tell me where to add the "ui.filters" dependencies – Muhammad Ashikuzzaman Jun 18 '15 at 09:11

AngularJS: Discard duplicates element from an Json data which is from nodejs server sides rendered data

2 Answers2