如何從服務器獲取嵌套路由余燼2.3.0的數據

Question

我有一個相關的帖子模型和評論模型，如下所示：

//  app/models/post.js

import DS from 'ember-data';

export default DS.Model.extend({
 //....
 comments: DS.hasMany('comment'),
 //....
})

// app/models/comment.js

import DS from 'ember-data'

export default DS.Model.extend({
 //....
 ad: DS.belongsTo('post'),,
 //....
})

在app/router.js我有

Router.map(function() {
  this.route('post', {path: '/post/:post_id'}, function() {
    this.route('comments');
  });
)};

我在app/templates/post.hbs中有一個post模板，看起來像這樣：

<h2>{{model.title}}</h2>
<p>{{model.body}}</p>

  {{#link-to "post.comments"}}
    <h2>Comments</h2>
  {{/link-to}}
  {{outlet}}

我也有一個模板，可在app/templates/post/comments.hbs呈現app/templates/post/comments.hbs

{#each model as |comment|}}
  <p>{{comment.body}}</p>
{{/each}}
{{outlet}}

我想當有人單擊帖子模板上的評論鏈接時，將評論模板呈現在帖子模板的{{outlet}}上。 我遇到的問題是獲取comments模型的數據。 我在app/routes/post/comments.js有一條comments app/routes/post/comments.js ，它看起來像這樣：

import Ember from 'ember';

export default Ember.Route.extend({
  model(){
    //I don't know what to do here.
  }
});

我的后端服務器中的注釋在/posts/:post_id/comments端點上公開。 我該如何獲取評論模板上的評論？

Answer 1

由於您已經在父route:post加載了Post ，因此route:post.comments可以簡單地route:post.comments請求Comment ：

// app/routes/post/comments.js
import Ember from 'ember';

export default Ember.Route.extend({
  model(){
    const post = this.modelFor('post');
    return post.get('comments');
  }
});

Answer 2

我終於能夠完成這項工作。 在James的幫助下，我唯一要做的就是為CommentAdapter設置動態名稱空間。 我使用ember生成器生成了一個comment適配器，並將我的app/routes/post/comments.js文件更改為如下所示：

// app/routes/post/comments.js
import Ember from 'ember';

export default Ember.Route.extend({
  model(){
      const post = this.modelFor('post');
      this.store.adapterFor('comment').set('namespace', `posts/${post.id}`);
      return this.store.query('comment', post.id);
    }
 }); 

這按預期工作。