8 
<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”？例如，"dashboard."+menuItem.name。

4

2 回答 2

13

在当前的 Ember 中（截至本文为 1.10），助手现在接受带引号的参数或将在当前上下文中作为属性查找的参数。我相信这在 Ember 1.2 中已更改（更改日志）。

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

{{#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

于 2015-02-19T02:56:05.917 回答
7

您可以注册一个简单的 Handlebars 助手来包装linkTo助手。

var linkTo = Ember.Handlebars.helpers.linkTo;
Ember.Handlebars.registerHelper('myLinkTo', function(name, suffixPath) {
  var suffix = Ember.Handlebars.get(this, suffixPath);    
  arguments = [].slice.call(arguments, 2);
  arguments.unshift(name + '.' + suffix);

  return linkTo.apply(this, arguments);
});

然后在你的模板中你可以写：

{{#each menuItems}}
    <li>{{#myLinkTo "dashboard" name this}}{{name}}{{/myLinkTo}}</li>
{{/each}}

助手将解析第二个参数并将其附加到第一个参数上，前面有一个点。

编辑：现在可以在没有自定义助手的情况下实现此行为。有关此问题的当代解决方案，请参阅c4p 的答案。上述解决方案最后使用 Ember 1.0.0-rc.1 进行了测试。

于 2013-03-05T08:37:15.013 回答