I have an array of objects of products. But I want to grab just one object in the array to do something with it, by checking a property value of that object if it's true.
I'm not sure if I'm doing it correctly. How can I do that the Ember way.
Can someone help me, please. Thank you!
Model:
// model
import DS from 'ember-data';
export default DS.Model.extend({
name: DS.attr('string'),
description: DS.attr('string'),
sku: DS.attr('number'),
price: DS.attr('number'),
createdAt: DS.attr('date')
});
Controller:
// controller
import Ember from 'ember';
export default Ember.Controller.extend({
store: Ember.inject.service(),
products: Ember.computed('store', function () {
return this.get('store').findAll('product').then(product => product);
}),
actions: {
selectProduct(value) {
// I'm not sure if this is the correct way of grab an object
this.get('products').filter((product) => {
if (product.get('name') === value) {
let newProduct = Ember.Object.create({
name: product.get('name'),
description: product.get('description'),
price: product.get('price')
});
return newProduct;
} else {
console.log('Please select something!!');
}
});
}
}
});
Template:
// template
<div class="product-list">
<select id="prod-list" onchange=>
<option value=""></option>
</select>
</div>
Aucun commentaire:
Enregistrer un commentaire