时间戳

首页 > 解决方案 > Ember Power Select 问题

ember.js - Ember Power Select 问题

问题描述

我在使用 Ember Power Select 时遇到了一些问题。我能够单独在模板上正确处理我的数据，但由于某种原因，电源选择不会让我从下面的组件代码中的 fetch 调用中获取任何数据......

组件/飞行搜索.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);
      });
    },
  }
});

组件/飞行搜索.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}}

请注意电源选择的上方和外部，我已经说明我可以根据需要获取数据。

非常感谢，谢谢！

标签： ember.jsember-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);
    });
}

推荐阅读