角轉換和過濾超過表

Question

我有一個簡單的表與搜索 -

<table> 
 
    <thead> 
 
    <tr> 
 
     <th> Name </th> 
 
     <th> Lastname </th> 
 
     <th> Job Title </th> 
 
    </tr> 
 
    </thead> 
 
    
 
    <tbody> 
 
    <tr data-ng-repeat="data in ctrl.data | filter : searchQuery"> 
 
     <td>{{data.name}}</td> 
 
     <td>{{data.lastname}}</td> 
 
     <td>{{data.jobtitle | translate}}</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 

 
<input type="text" data-ng-model="searchQuery"/>

由於職稱翻譯 - 搜索只有原值的作品 - 所以是與「開發」，但沒有任何翻譯。

是否有可能使它與翻譯一起工作呢？

Answer 1

您可以創建一個過濾器來處理翻譯

過濾

app.filter('translateFilter', function($translate) { 
    return function(input, param) { 
    if (!param) { 
     return input; 
    } 
    var searchVal = param.toLowerCase(); 
    var result = []; 
    angular.forEach(input, function(item) { 
     var translated = $translate.instant(item.jobtitle); 
     if (translated.toLowerCase().indexOf(searchVal) > -1) { 
     result.push(item); 
     } 
    }); 
    return result; 
    }; 
}); 

而且使用這樣的：

HTML

<tr data-ng-repeat="data in ctrl.data | translateFilter:searchQuery">