javascript - 和Ember的灯具有很多关系

Question

出于某种原因，下面的代码会导致加载路由时出错:TypeError:无法读取未定义的属性“typeKey”。一切加载正常，直到我在注释装置中添加注释。我认为将注释嵌套在注释固定装置中会起作用，因为这是 API 返回它的方式，但这似乎是断点。

** 我应该注意到，我尝试将固定装置添加到评论模型中，并使用 note_id 引用回注释。我没有收到错误，但没有收到任何回复**

感谢您的帮助。

模型/note.js

import DS from 'ember-data';

var Note = DS.Model.extend({
  content:  DS.attr('string'),
  comments: DS.hasMany('comment'),
});

Note.reopenClass({
  FIXTURES: [
    {
      id: 1,
      content: 'This is the first comment',
      comments: [
        { id: 1, content: 'First comment' },
        { id: 2, content: 'Second comment' },
        { id: 3, content: 'Third comment' }
      ]
    },
    {
      id: 2,
      content: 'This is the second comment',
      comments: [
        { id: 4, content: 'First comment' },
        { id: 5, content: 'Second comment' },
        { id: 6, content: 'Third comment' }
      ]
    }
  ]
});

export default Note;

模板/notes.hbs

{{#each}}
<div>
  <div>{{content}}</div>

  {{#each comments}}
  {{this.content}}
  {{/each}}
</div>
{{/each}}

模型/comment.js

import DS from 'ember-data';

var Comment = DS.Model.extend({
  content:   DS.attr('string'),
  timestamp: DS.attr('date'),

  note: DS.belongsTo('note')
});

Comment.reopenClass({
  FIXTURES: [
    { id: 1, content: 'First comment',  note_id: 1 },
    { id: 2, content: 'Second comment', note_id: 1 },
    { id: 3, content: 'Third comment',  note_id: 1 }
  ]
});

export default Comment;

Answer 1

看起来我错过了几件事。

需要将关系中的异步选项设置为true

comments: DS.hasMany('comment', { async: true })

需要在父级与子级中设置关系

Note.reopenClass({
  FIXTURES: [
    {
      id: 1,
      content: 'This is the first comment',
      comments: [1, 2, 3]
    },
    {
      id: 2,
      content: 'This is the second comment',
      comments: [4, 5, 6]
    }
  ]
});