`ng-repeat` for a dropdown with an array inside of an array

Question

Would like to do the following in the ng-repeat of a dropdown:

Fetch from JSON the categories of the variable product
Break down the categories array into new lines
Filter with unique
Display in dropdown

I have a demonstration at Plunker, and as you see, I've achieved the filter but I could not find a way to break the array and filter it.

My goal is to make a filter with the JSON requested and make a filter on the fly with the categories available.

In controller you need to map a new categories array by iterating products array — charlietfl
– charlietfl, Commented Jan 26, 2018 at 12:20

Sajeetharan · Accepted Answer · 2018-01-26 12:34:32Z

1

You don't need to inject 'angular.filter' to the controller

app.controller('MainCtrl', ['$scope', '$window', function($scope, $window) {

You actually do not need filter here, you can loop through the categories and add it to an array as follows

  $scope.filtered = [];
  angular.forEach($scope.products, function(key, value) {
    angular.forEach(key.categories, function(key, value) {
      if (!$scope.filtered.includes(key)) {
        $scope.filtered.push(key);
      }
    })
  })

DEMO

edited Jan 26, 2018 at 12:34

answered Jan 26, 2018 at 12:11

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

André Nakazato Over a year ago

My mistake! I was Ctrl + Zing and forgot it inside. Now it is working as it should!

Sajeetharan Over a year ago

CHECK THE UPDATED ANSWER

Collectives™ on Stack Overflow

`ng-repeat` for a dropdown with an array inside of an array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related