嵌套路由内的 Ember 链接答案

【问题标题】：Ember link-to within nested routes嵌套路由内的 Ember 链接
【发布时间】：2014-10-25 14:54:02
【问题描述】：

我正在尝试将链接到帮助程序与一些嵌套路由一起使用。我四处搜索，但似乎找不到任何有效的方法。

现在我有这个路由结构（针对这个问题进行了简化）：

App.Router.map ->
  @resource 'dashboard', ->
    @resource "apps", ->
      @resource "app",
        path: "/:app_id"
      , ->
        @resource "envs", ->
          @resource "env",
            path: "/:env_id"

我目前正在这条路线上使用“app”模板（在本例中为 1）：

#/dashboard/apps/1

我有这样的循环：

<ul>
    {{#each env}}
        <li>
            {{#link-to (not sure what to put here) }} {{ name }} {{/link-to}}
        </li>
    {{/each}}
</ul>

我想使用链接到帮助器来访问：

#/dashboard/apps/1/envs/1
#/dashboard/apps/1/envs/2
etc.

当我这样做时：

{{#link-to "envs"}} {{ name }} {{/link-to}}

我接近了，它给了我：#/dashboard/apps/1/envs/。我只是不知道如何为被点击的那个环境附加 id。

注意 - 路径本身就可以正常工作 - 我只是不知道如何使用链接助手找到它们

其他潜在影响 - 我与我的 App 和 Env（环境）模型有一对多的关系：

App.App = DS.Model.extend
  name : DS.attr()
  env : DS.hasMany('env', {async: true})

App.Env = DS.Model.extend
  name : DS.attr()
  app : DS.belongsTo('app')

感谢您的帮助

【问题讨论】：

标签： ember.js routing nested

【解决方案1】：

我建议将env 更改为envs，env 听起来很奇怪。

{{#each item in env}}
    <li>
        {{#link-to 'env' item }} {{ item.name }} {{/link-to}}
    </li>
{{/each}}

【讨论】：