Ember.js 余烬力量选择问题

Ember.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

我在灰烬能量选择方面遇到了一些问题。我可以单独在模板上正确地处理数据,但由于某些原因,power select不允许我在下面的组件代码中访问fetch调用中的任何数据

组件/flight-search.js

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);
    });
}