EmberJS - 如何使用linkTo动态生成链接？

Question

有没有办法通过传递路径路径的变量使用link-to帮助器动态生成链接？

例如，不要像这样对路径进行硬编码：

{{#linkTo "route.subroute" model}}{{model.title}}{{/linkTo}}

我希望能够传递link-to helper一个包含如下路径的变量：

{{#linkTo destination model}}{{model.title}}{{/linkTo}}

这个用例允许我合并只有这条路径不同的模板。 例如，如果有两个集合，每个集合具有不同的目标。 使用每个帮助器呈现时，除了link-to的路径之外，模板是相同的。

如果我可以将这个变量保存在视图的控制器中并传递它，我可以只为这两个列表使用一个模板。

我想过手动构建这样的路径：

<a {{bindAttr href="destination"}}>{{model.title}}</a>

但是这没有与路由器的集成来确定我需要的活动状态。

Answer 1

有没有办法通过传递带路径路径的变量使用linkTo助手动态生成链接？

现在不行。

这个用例允许我合并只有这条路径不同的模板。 例如，如果有两个集合，每个集合具有不同的目标。

同意这是一个有效的用例，我希望linkTo helper将来能够支持它。 同时，因为你只有两个集合，你可以用模板中的条件来完成这个

{{#if isRouteOne}}
  {{#linkTo "routeOne.subrouteOne" model}}{{model.title}}{{/linkTo}}
{{else}}
  {{#linkTo "routeTwo.subrouteTwo" model}}{{model.title}}{{/linkTo}}
{{/if}}

Answer 2

您可以使用{{action}}代替{{linkTo}} ，并通过在模型的destination属性中指定的路径名​​来处理转换事件。

Answer 3

还有另一个非常相似的SO问题，我回答了这个问题。 使用link-to helper的内联版本可以实现解决方案。

在这种情况下，我们会：

{{link-to model.title destination model}}

哪个将被编译为：

<a href="#/route/subroute/3856">
  Click me
</a>