javascript - Emberjs 相当于 Angular 过滤 ng 模型搜索

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>