Ember 数据获取 json 文件

Question

我正在尝试从服务器的 json 文件中获取数据。我的代码：

适配器/application.js：

import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
    host: 'http://exampleweb.com',
    namespace: 'file.json'
});

models/item.js

import DS from 'ember-data';

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

routes/index.js

import Ember from 'ember';

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

模板/application.hbs

{{#each model as |item|}}
{{item.name}}<br>
{{/each}}

服务器上的 JSON 文件如下所示：

{
  "Products": [
  {
    "name": "Aviator"
  },
  {
    "name": "Dark"
  }]
}

现在 ember 请求 http://exampleweb.com/file.json/items。如何正确获取此产品并将其显示在模板中？

Answer 1

根据您的需要，您有两种选择。

1. 如果您需要用后端替代应用程序开发，最好的选择是使用 ember-cli-mirage

2. 如果你需要获取和显示文件的内容，你可以不使用 ember 数据并做类似的事情

   return new Promise((resolve, reject) => {
     Ember.$.get('/path/to/file.json').then(resolve, reject);
   });
   

   在模型钩子中