Как реализовать окно поиска?

Question

Это то, что у меня есть до сих пор. Поле ввода поиска отображается в шаблоне hbs fine. Но как только я начну вводить в нее текст, ничего не происходит. Что мне не хватает? Любые указатели будут оценены.

// ui/app/routes/application.js 
import Ember from 'ember'; 

export default Ember.Route.extend({ 
    model: function() { 
    return Ember.RSVP.hash({ 
     orders: this.store.find('order'), 
     products: this.store.find('product', { status: 'available' }) 
    }); 
    }, 
}); 

// ui/app/controllers/application.js 
import Ember from 'ember'; 

export default Ember.ObjectController.extend({ 
    products: function() { 
    console.log('adf'); 
    if (this.get('search')) { 
     return this.get('searchedProducts'); 
    } else { 
     return this.get('products'); 
    } 
    }.property('search', 'searchedProducts'), 

    searchedProducts: function() { 
    var search = this.get('products').toLowerCase(); 

    return this.filter(function(product) { 
     return product.get('name').toLowerCase().indexOf(search) !== -1; 
    }); 
    }.property('search', 'products.@each.name'), 
}); 


// ui/app/templates/application.js 
<br />{{input type="text" value="search" placeholder="search" class="search"}} 

{{outlet}} 

Answer 1

{{input type="text" value="search" placeholder="search" class="search"}} 

означает, что вы присваиваете значение строки 'search' в какое-то текстовое поле. Это НЕ то, что вы хотите. То, что вы хотите, чтобы связать search свойство, что получает ввели в текстовое поле следующим образом:

{{input type="text" value=search placeholder="search" class="search"}} 

разницу?

Answer 2

Вы уверены, что у вас нет проблем с ключевым словом products как-то в сценарии?

products: function() { 
    console.log('adf'); 
    if (this.get('search')) { 
     return this.get('searchedProducts'); 
    } else { 
     return this.get('products'); //returns the computed property value itself right ? 
    } 
    }.property('search', 'searchedProducts'), 

this.get('model.products') в обеих «продуктах», рассчитанной собственности и searchProduct я думаю