Ember数据获取json文件

时间:2016-09-25 13:48:35

标签: javascript json ember.js

我试图从服务器获取json文件中的数据。我的代码:

适配器/ application.js中:

import DS from 'ember-data';

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

模型/ item.js

import DS from 'ember-data';

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

路由/ 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"
  }]
}

现在迫害需要http://exampleweb.com/file.json/items。如何正确获取此产品并将其显示在模板中?

1 个答案:

答案 0 :(得分:0)

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

  1. 如果您需要替换后端进行应用开发,最好的选择是使用ember-cli-mirage
  2. 如果你需要获取和显示文件的内容,你可能不会使用ember数据并且像

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

    in model hook