当客户选择一个选项时,我试图从我的组件中进行搜索。但我的组件在我使用过滤器时却没有加载数据,但没有过滤器就可以了......这是我的代码。
我的组件country-list.js
import Ember from 'ember';
export default Ember.Component.extend({
store: Ember.inject.service(),
iso3: null,
valuesIso: null,
actions: {
countryIso() {
this.set("iso3", this.$("#whohow option:selected").val());
const filcode = this.$("#whohow option:selected").val();
this.set("valuesIso", this.get('store').findAll('country').then((iso) => {
return iso.get('ccode') === filcode;
}));
}
}
});
我的index.hbs调用我的组件
{{country-list values=valuesIso }}
my component handlebars country-list.hbs
<select name="whohow" id="whohow" class="form-control" onChange={{action "countryIso" }}>
{{#each values as |item|}}
<option value='{{item.code}}'>{{item.country_name}}</option>
{{/each}}
</select>
这就是我所期待的......当用户选择一个国家时。如果它们与该iso代码有关系,我将使用iso代码查找速率列表。我的代码没有很好地过滤数据。使用上面的代码。