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