首页 > 解决方案 > 如何设置适配器以在 Ember 数据中为我的应用程序路由从 API 返回数据?

问题描述

我正在学习使用 ember 数据。我想使用 Pixabay 的免费 API 构建一个图像搜索应用程序。

我想将搜索查询发送到适配器并通过模型在路由中获取结果。首先,我不确定如何为应用程序路由创建适配器。我找到了很多关于 ember 数据的教程,它们都为不在应用程序路径上的特定模型构建了适配器和模型。

应用程序/路由/application.js

import Route from '@ember/routing/route';

export default Route.extend({
  model(){
    return this.store.findAll('application');
  }
});

应用程序/模型/application.js

import DS from 'ember-data';
import Model from 'ember-data/model'
const { attr } = DS;

export default Model.extend({
    largeImageURL : attr('string')
});

应用程序/适配器/application.js

import DS from 'ember-data';
export default DS.JSONAPIAdapter.extend({
    host:"https://pixabay.com/api/?key=<API-KEY>&q=<queries>",
    pathForType(){
        return '/';
    }
});

标签: ember.jsember-data

解决方案


推荐阅读