ember.js - 如何使linkTo动态在 Ember 中？

<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。

最佳答案

您可以注册包装linkTo帮助器的简单Handlebars帮助器。

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's answer。上面的解决方案最后用Ember 1.0.0-rc.1。测试。