AngularJs过滤嵌套数组

时间:2017-08-14 09:23:17

标签: angularjs arrays search filter nested

我在嵌套数组中搜索字符串时遇到问题。 所以在这个例子中我搜索“Schirm”。 当我将它传递给普通过滤器时,它会告诉我它是进入第一个区域“营销”但我希望将其作为响应。

有人可以帮帮我吗?

这是我的阵列:

[  
   {  
      "Id":null,
      "Text":"Marketing",
      "Gruppen":[  
         {  
            "Id":null,
            "Text":"Werbeartikel",
            "Gruppen":[  
               {  
                  "Id":null,
                  "Text":"Werbegeschenk Hobby, Freizeit",
                  "Gruppen":[  
                     {  
                        "Id":"51004839",
                        "Text":"Taschenmesser (Werbeartikel)",
                        "Gruppen":null
                     },
                     {  
                        "Id":"51004843",
                        "Text":"Schirm (Werbeartikel)",
                        "Gruppen":null
                     },
                     {  
                        "Id":"51004845",
                        "Text":"Sportartikel (Werbeartikel)",
                        "Gruppen":null
                     }
                  ]
               }
            ]
         }
      ]
   }
]

这是我的代码段:

        <li ng-animate="'animate'" class="animate" ng-repeat="WarenGruppe in ActiveGruppe | filter:Search">
            <button ng-if="WarenGruppe.Id == undefined" type="button" ng-click="GetGruppen(WarenGruppe.Text)" class="btn btn-lg btn-primary" bs-tooltip="'Hier steht dann die Beschreibung.'">
                <i class="fa fa-caret-down" aria-hidden="true"></i>
                {{WarenGruppe.Text}}
            </button>

        </li>

这是我的搜索方法:

 $scope.SearchForGroup = function (pSearchText) {
        var lGruppe = $filter('filter')($scope.WarenGruppenResponse.WarenGruppe, "Schirm")

    };

这里是plunker演示问题http://plnkr.co/edit/l0cnZQPAh2HXLX1yTnLl?p=info

0 个答案:

没有答案