Javascript Emberjs等效于角度过滤器ng模型搜索
是否有一种简单的方法来应用搜索过滤器,如:Javascript Emberjs等效于角度过滤器ng模型搜索,javascript,angularjs,ember.js,ember-cli,Javascript,Angularjs,Ember.js,Ember Cli,是否有一种简单的方法来应用搜索过滤器,如: <input type="text" ng-model="resultFilter" placeholder="Search"> <ul> <li ng-repeat="result in results | filter:resultFilter">{{result.name}}</li> </ul> {{result.name} 这将根据输入框中输入的内容过滤结果,从而
<input type="text" ng-model="resultFilter" placeholder="Search">
<ul>
<li ng-repeat="result in results | filter:resultFilter">{{result.name}}</li>
</ul>
- {{result.name}
这将根据输入框中输入的内容过滤结果,从而形成一个非常简单的搜索功能。是否有一个简单的Emberjs等价物或anuglarjs的这些简单特权?您可以使用
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>
{{input type=“text”valueBinding=“searchKeyword”}
{{#搜索结果中的每个结果}
- {{result.name}
{{/每个}}
基本上,您可以在支持模板的控制器中添加该逻辑。下面是一个丑陋的例子:@Kingpin2k我想这就是答案:)不是评论。这完全是一个答案,但我当时不想写一个不丑陋的答案,所以评论是当时不那么可怕的问题:)我如何在组件中做同样的事情?就像你在控制器中做的一样。两者都从余烬对象继承。在Ember 2中,您还可以使用帮助程序筛选模板中的数组