Ускорить медленный фильтр содержимого Ember

Question

У меня есть следующий код, который фильтрует содержимое на одном из моих контроллеров. Шаблон пересекает вычисляемое свойство и отображает элементы. Затем у меня есть текстовый ввод, который фильтрует контент. Все работает отлично, за исключением случаев, когда имеется большое количество элементов, фильтрация становится медленной. Я прочитал нить в другом месте с ответом Тома Дейла, который попытался объяснить это, но пример возвращал 404.

Куда я иду дальше, пытаясь ускорить это?

Вот код:

Контроллер:

App.PlaylistIndexController = Ember.ObjectController.extend({ 
    filterString: null, 
    filteredSongs: function() { 
     var filter = this.get('filterString'); 
     if(filter == undefined) return this.get('content.songs'); 
     filter = filter.toLowerCase(); 
     return this.get('content.songs').filter(function(item, index, enumerable){ 
      if(item.get('artist').toLowerCase().match(filter.toLowerCase()) || item.get('name').toLowerCase().match(filter.toLowerCase())) 
       return item; 
     }); 
    }.property('content.songs', 'filterString') 
}); 

Шаблон:

{{#each song in controller.filteredSongs}} 
    {{song}}{{!-- some song stuff--}} 
{{/each}} 

Фильтр вход:

{{input valueBinding='filterString' placeholder='Search for songs within playlist'}} 

Answer 1

Вы можете попробовать это:

JSBIN Using Ember.run.later

onInputFilterChanged: function(){ 
     this.set('canProceedFiltering', false); 
     Ember.run.later(this, function(){ 
     this.set('filterString', this.get('inputFilterString')); 
     this.set('canProceedFiltering', true); 
     },500); 
}.observes('inputFilterString') 

Таким образом, пользователь может ввести текстовый фильтр и поиск будет срабатывать только после того, как пользователь имеет тип в более конкретных критериев. Недостатком является поиск одиночного символа, который займет полсекунды больше.