Ember数据没有填充模型

Question

我试图从我的Rails API中获取一些数据并将其显示在模板中。 我很崭新，因此如果这是一个非常愚蠢的问题，那么解释越简单越好，原谅我。

问题似乎是api数据没有正确地到达模型，它在我有静态夹具数据但不适用于服务器数据时有效。对服务器的Get请求正在进行，我得到了很好的响应，所以json如何移动到模型中肯定有问题。

我在routes/external/jobs.js

import Ember from 'ember'; 

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

}）路线;

我的工作模型models/job.js

import DS from 'ember-data'; 

export default DS.Model.extend({ 
    title: DS.attr('string'), 
    id: DS.attr('string') 
}); 

我期待我的API的形式返回数据

{ 
    "jobs": [ 
     { 
     id: "jfdsa132113", 
     title: "developer", 
     type: "Job", 
     body: "lorem ipsum", 
     published_at: date, 
     tags: [ 
       "some stuff", 
       "more stuff" 
     ] 
     }, 
     { 
     id: "fdsafd3432", 
     title: "designer", 
     type: "Job", 
     body: "lorem ipsum", 
     published_at: date, 
     tags: [ 
       "some stuff", 
       "more stuff" 
     ] 
     } 
    ] 
} 

我的路由器

Router.map(function() { 

//index route 

this.route('external', function() { 
    this.route('jobs'); 
    this.route('support'); 

}); 

export default Router; 

Answer 1

我认为你有一个误解关于DS.Model s，你应该看看指南，特别是y http://guides.emberjs.com/v2.1.0/models/finding-records/。

假设路径和模板的设置是否正确，以及ApplicationAdapter是延长RESTAdapter/ActiveModel Adapter - 看到预期的JSON格式here - ，我相信这个问题是models/jobs.js，这是不必要的。

当你做store.findAll('job')时，Ember数据应该对/jobs做出正确的请求。尝试删除models/jobs.js和adapters/jobs.js，并执行以下操作：

// routes/external/jobs.js 
import Ember from 'ember'; 

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

如果这没有帮助试试也可以发布您的路由器，你会得到任何错误。

Answer 2

假设你的模型从你的API加载得很好，我认为问题出现在你的模板中。

根据文档，您需要明确地访问每个模型的属性。 http://guides.emberjs.com/v2.1.0/templates/displaying-a-list-of-items/

因此，而不是{{title}}使用{{job.title}}。

{{#each model as |job|}} 
    <a href={{job.title}}> 
     <div class="info"> 
      <div class="title">{{job.body}}</div> 
     </div> 
    </a> 
{{/each}} 

Answer 3

这个固定

添加文件 serializers/job.js 与线

import DS from 'ember-data'; 

    export default DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin, { 

}); 

我没有建立API和我注意到，有些ID的都是下划线的惯例。更多的可以在这里看到它http://ember-doc.com/classes/DS.ActiveModelSerializer.html