`ng-repeat`用于在数组内部使用数组的下拉列表

时间:2018-01-26 12:08:14

标签: angularjs angularjs-ng-repeat

想要在下拉列表的initialize(..)中执行以下操作:

  • 从JSON获取变量ng-repeat
  • categories
  • product数组细分为新行
  • 使用categories
  • 过滤
  • 在下拉列表中显示

我在Plunker进行了演示,如您所见,我已经实现了滤镜,但我找不到打破阵列并过滤它的方法。

我的目标是使用所请求的JSON制作过滤器,并使用可用的类别动态制作过滤器。

1 个答案:

答案 0 :(得分:1)

您无需将 'angular.filter' 注入控制器

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

您实际上不需要在此处进行过滤,您可以遍历类别并将其添加到数组中,如下所示

  $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