Ember.js 余烬力量选择问题
我在灰烬能量选择方面遇到了一些问题。我可以单独在模板上正确地处理数据,但由于某些原因,power select不允许我在下面的组件代码中访问fetch调用中的任何数据 组件/flight-search.jsEmber.js 余烬力量选择问题,ember.js,ember-power-select,Ember.js,Ember Power Select,我在灰烬能量选择方面遇到了一些问题。我可以单独在模板上正确地处理数据,但由于某些原因,power select不允许我在下面的组件代码中访问fetch调用中的任何数据 组件/flight-search.js import Component from '@ember/component'; export default Component.extend({ flightResults: null, airResults: null, actions: { searchIAT
import Component from '@ember/component';
export default Component.extend({
flightResults: null,
airResults: null,
actions: {
searchIATA(term) {
let query = `https://iatacodes.org/api/v6/autocomplete?api_key=e7c1b7cf-62fb-440c-a0ef-4facebe1ab86&query=${term}`;
return fetch(query).then(function(response) {
return response.json();
}).then(results => {
this.set('airResults', results);
});
},
}
});
组件/flight-search.hbs
{{#each airResults.response.airports as |airport|}}
{{airport.name}} - {{airport.code}}
{{/each}}
{{#power-select-typeahead
search=(action "searchIATA")
triggerClass="bootstrap-theme-trigger"
dropdownClass="slide-fade bootstrap-theme-dropdown"
selected=selectedType
loadingMessage="Searching..."
placeholder="e.g. New York, NY"
onchange=(action (mut selectedType))
as |result|
}}
<div class="-detail">
{{result.response.airports.name}}
</div>
{{/power-select-typeahead}}
请注意,在power select的上面和外部,我已经说明了可以根据需要获取数据
非常感谢,谢谢 您可以试试这个,我在这两个地方都包含了一个箭头函数
searchIATA(term) {
let query = `https://iatacodes.org/api/v6/autocomplete?api_key=e7c1b7cf-62fb-440c-a0ef-4facebe1ab86&query=${term}`;
return fetch(query).then(response => response.json()).then(results => {
this.set('airResults', results);
});
}