2016-07-18 37 views
0

我有一个简单的表与搜索 -角转换和过滤超过表

<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"/>

由于职称翻译 - 搜索只有原值的作品 - 所以是与“开发”,但没有任何翻译。

是否有可能使它与翻译一起工作呢?

+0

翻译你的数据项在c ontroller –

+0

好耶,但我在表单中也使用这些数据,在那里它应该是原创:)但是我最终在控制器中翻译,无论如何,是的 – user2204319

回答

0

您可以创建一个过滤器来处理翻译

过滤

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">