ng-repeatで翻訳された値をフィルタリングする方法

Question

私は2つのプロパティ（title、params）を保持するオブジェクトの配列を持っています。次のフィルタを適用すると、すべての値が一致するかどうかが検索されます。

問題がtype.title値が翻訳されていないことであると私はタイトルプロパティは$select.search値と一致翻訳配列項目をフィルタリングする必要が

<ui-select-choices repeat="type in codeLists.reportTypes | filter: $select.search"> 

Answer 1

あなたは、このための2つのオプションがあります。

1）事前変換すべてのタイトル

$scope.cldeLists.reportTypes.forEach(function(item) { 
    item.translatedTitle = $filter("translate")("docKey." + item.title); 
}); 

その後あなたのフィルタでそれを使用することができます。

<ui-select-choices repeat="type in codeLists.reportTypes | filter: { translatedTitle: $select.search }"> 

2）翻訳されたアイテムを検索するカスタムフィルタを作成します。

app.filter("translatedPropertyFilter", function($filter) { 
    return function(item, property, searchString, prefix) { 
     if (!prefix) prefix = "";    

     return $filter("translate")(prefix + item[property]).indexOf(searchString) > -1; 
    } 
}); 

使用法：

<ui-select-choices repeat="type in codeLists.reportTypes | translatedPropertyFilter:'title':$select.search:'docKey.'">