Question

是否有一种简单的方法可以应用像angular这样的搜索过滤器：

<input type="text" ng-model="resultFilter" placeholder="Search">

<ul>
    <li ng-repeat="result in results | filter:resultFilter">{{result.name}}</li>
</ul>

这会根据输入框中输入的内容过滤结果，从而制作出非常简单的搜索功能。有一个简单的Emberjs等价物还是这个anuglarjs的简单特权之一？

Answer 1

您可以使用Ember.computed.filter动态过滤模型。

App.IndexController = Ember.Controller.extend({
   searchKeyword: '',

   searchResults: Ember.computed.filter('model', function(model) {
       return model.filterProperty('name', this.get('searchKeyword'));
   }).property('model', 'name')
});

使用示例模板

{{input type="text" valueBinding="searchKeyword"}}

<ul>
{{#each result in searchResults}}
   <li>{{result.name}}</li>
{{/each}}
</ul>

Emberjs相当于Angular过滤器模型搜索

1 个答案: