0

注意：使用 Ember Rails 0.18.2 和 ember-source 1.12.1

我继承了一个具有奇怪功能的 Ember 应用程序。我是 Ember 的新手，所以也许这很正常，但我觉得很奇怪。

有3种型号：

  1. 父母
  2. 游戏
  3. 注释

当家长查看游戏时，网址如下所示：

/<parent slug>/games/<game_id>

（蛞蝓只是父母的唯一ID）。

在此 url 有一个包含此代码的模板：

  {{#unless commentsOpen}}
  {{#link-to 'comments' class="Button easyButton"}}Chat with parents in your pod{{/link-to}}
  {{/unless}}

  {{outlet}}

单击上面的按钮，然后将 url 更改为：

/<parent slug>/games/<game_id>/comments

然后出现该游戏的所有评论。

我需要从视图中删除该按钮，并为每个游戏自动显示评论。

API 是 Rails，我已经可以更改 API 端点以在请求游戏的同时返回所有评论（作为嵌入式对象数组）。

但是我用什么替换 {{outlet}} ？因为我的理解是 {{outlet}} 由于这条路线而委托给 Comments 模板：

App.CommentsRoute = Ember.Route.extend
  model: ->
    return this.store.find('comment', {
      game:   @modelFor('game').get('id')
      parent: @modelFor('parent').get('slug')
    }).then( (models) -> models.toArray() )

我相信我需要删除该路线并使 Comments 成为 Game 模型中的嵌入对象。然后我是否只需将插座替换为：

{{#each comment in Game}}

<div class="commentItem">
  <div class="commentItem-author">{{comment.parent_name}}</div>
  <div class="commentItem-body">{{comment.body}}</div>
</div>

{{each}}

编辑

这是路由器：

App.Router.map(function() {
  this.route('index', {
    path: '/'
  });
  return this.resource('parent', {
    path: '/:parent_id'
  }, function() {
    this.resource('games', {
      path: '/games'
    });
    return this.resource('game', {
      path: '/game/:game_id'
    }, function() {
      return this.resource('comments', {
        path: '/comments'
      });
    });
  });
});
4

2 回答 2

1

假设您拥有当前的应用程序，并且大概在某个地方您有一个游戏列表，例如：

{{#each games as |game|}}
  <li>
    {{#link-to 'game' game}}
       {{game.title}}
    {{/link-to}}
  </li>
{{/each}}

您应该能够通过更改链接直接将评论路由到游戏，如下所示：

{{#link-to 'games.game.comments' game}}

这是一个带有详细解决方案的游戏

于 2016-04-28T13:27:21.263 回答
0

在游戏中嵌入评论就是答案。然后视图是这样的：

{{#each comment in model.comments}}

<div class="commentItem">
    <div class="commentItem-author">{{comment.parent_name}}</div>
    <div class="commentItem-body">{{comment.body}}</div>
</div>

{{/each}}
于 2016-04-29T14:10:43.783 回答