ember.js - 如何使 ember 中的 linkTo 动态化？

Question

<script type="text/x-handlebars" data-template-name="patient">
    <ul class="nav">
    {{#each menuItem in menuItems}}
        <li>{{#linkTo "dashboard.summary" menuItem}}{{menuItem.name}}{{/linkTo}}</li>
    {{/each}}
    </ul>
    {{outlet}}
</script>

在上面的代码中，如何使 linkTo 成为动态链接而不是硬编码的“dashboard.summary”？例如，“仪表板。”+menuItem.name。

Answer 1

在当前的 Ember(本文中为 1.10)中，助手现在接受带引号的参数或将在当前上下文中作为属性查找的参数。我相信 Ember 1.2 中对此进行了更改 ( change log )。

如果引用，参数将用作字符串:

{{#link-to 'post'}}Posts{{/link-to}}

如果没有引用，参数将在当前上下文中查找:

{{#link-to routeName}}Go To '{{routeName}}'{{/link-to}}

这将是一个指向当前设置的 routeName 属性的链接。这可以动态更新。

下面是一个 JSBin 示例，显示了此操作:http://emberjs.jsbin.com/nelafep/1/edit?html,css,js,output