Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Emberjs等效于角度过滤器ng模型搜索_Javascript_Angularjs_Ember.js_Ember Cli - Fatal编程技术网

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中,您还可以使用帮助程序筛选模板中的数组