由ng-repeat語句中的子數組過濾對象，該語句使用$ index索引來處理愚蠢

Question

我有一個對象narrow.searchedMenu帶有3個等長的子數組，我使用ng-repeat和track by $index顯示，因爲有一些重複的元素。

<ul> 
     <li ng-repeat="item in narrow.searchedMenu.description track by $index"> 
     {{ narrow.searchedMenu.name[$index] }}, 
     {{ narrow.searchedMenu.short_name[$index] }}, 
     {{ narrow.searchedMenu.description[$index] }}</li> 
    </ul> 

我需要能夠通過保持只有那些結果，其中一個關鍵字出現在description過濾顯示的結果。如果一個description不匹配我想exlcude name和short_name以及description。

通常我會使用這樣的：

| filter{description:'chicken'} 

追加到ng-repeat語句的結束。但是，它似乎不適用於track by。

它給我的控制檯上的錯誤，當我嘗試：

Error: [$parse:syntax] http://errors.angularjs.org/1.5.8/ $parse/syntax?p0=%7B&p1=is%20an%20unexpected%20token&p2=16&p3=NaNndex%20%7C%filter%7Bdescription%3A'chicken'%7D&p4=%7Bdescription%3A'chicken'%7D

我試過其他幾個可能的解決方案，但到目前爲止沒有運氣。

注意，$scope沒有注入到我的控制器，如果我嘗試使用自定義過濾器，我得到了以下錯誤：

"Error: [filter:notarray] errors.angularjs.org/1.5.8/filter/notarray?p0=0";

最後一兩件事 - 我被告知，以避免因爲它includes沒有得到足夠廣泛的支持（有人說polyfill是另一種選擇，但我不確定它是否適用於此？）。

Answer 1

您可以爲您在ng-repeat把track by作爲最後一個發言在你的控制器，只要使用連接到對象的自定義過濾器。

在控制器的過濾器應該是這樣的：

menu.chickenFilter = function(item) { 
    return (item.indexOf('chicken') > -1) 
} 

的ng-repeat將成爲：

<li ng-repeat="item in narrow.searchedMenu.description | filter: narrow.chickenFilter track by $index"> 
     {{ narrow.searchedMenu.name[$index] }}, 
     {{ narrow.searchedMenu.short_name[$index] }}, 
     {{ narrow.searchedMenu.description[$index] }}</li> 

Answer 2

轉到與此

<ul> 
    <li ng-repeat="item in narrow.searchedMenu track by $index" ng-if="narrow.searchedMenu[$index].description.indexOf('chicken')>-1"> 
    {{ narrow.searchedMenu.name[$index] }}, 
    {{ narrow.searchedMenu.short_name[$index] }}, 
    {{ narrow.searchedMenu.description[$index] }}</li> 
</ul> 

我已經在這裏創造一個plunker

http://plnkr.co/edit/KXvD4JgwRe9wNszt8rCy?p=preview