vendredi 6 février 2015

How to implement a search feature?

I have a search feature that allows the user to filter out by products. Typically, I would have the following:



// Routes
import Ember from 'ember';

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

setupController: function(controller, model) {
controller.set('content', model);
}
});


In the template:



// Template
{{#if products.length}}
<ul>
{{#each products}}
<li>
Name: {{name}}
</li>
{{/each}}
</ul>
{{else}}
<p>No products</p>
{{/if}}


Which works. However, what if I wanted a search API endpoint to handle filtering of products...


How will the model hook in the routes look like? Should I create an Ember search model? Is that the right approach?


If not, should I be using Ember.$.ajax instead? Other approach?





Aucun commentaire:

Enregistrer un commentaire