在翻译的句子上应用Angular-JS过滤器

时间:2015-10-20 17:14:52

标签: javascript json angularjs internationalization angular-translate

所以我使用filter来管理我的应用。

通过这种方式,我有一些映射令牌的JSON。类似的东西:

 {
    TOKEN_1 : word,
    TOKEN_2 : Something Cool!
 }

现在我正在做一个巫婆表我希望有一个文本过滤器,用户填写输入,然后向他显示写入字符串的所有信息。

为此,我使用documentation中的filter:searchText。 问题是我的过滤器正在应用于JSON而不是它的位置映射。

总结:我想搜索" Something Cool"但是如果我搜索" TOKEN_2"

,我的过滤器只会显示一些内容

我的HTML:

<div class="section-head">
    <input type="text" id="filter" ng-model="searchText" />
</div><!-- /.section-head -->

<div class="section-body">
    <div ng-repeat="lot in lotList | filter:searchText>
         {{lot.status | translate}}
     </div>
</div>

我的Ctrl

app.controller('Ctrl',function Ctrl($scope){
  $scope.searchText = "";
});

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

如果你提供小提琴或者龙头会更容易。但是,这可以帮到你:

| filter: { TOKEN_1: searchText }

您也可以创建自己的过滤器。

这是一个小例子:

http://jsfiddle.net/qh6t61f8/1/