javascript - Ember 如何将 LinkView 与 View 助手一起使用？

Question

在 Ember 中，我想创建一个带有可选类的链接。在模板中，我应该能够定义绑定(bind)，在该绑定(bind)上设置了可选类。目标 HTML 应如下所示

<li class="completed"><a>Index</a></li> < completed
<li class="active"><a>Index</a></li> < active
<li class=""><a>Index</a></li> < in-active

因此事件/非事件状态可以通过link-to 助手实现；

{{#link-to "index" tagName="li"}}<a>Index</a>{{/link-to}}

但是，这不允许我定义可选的“完整”绑定(bind)。所以我正在考虑创建一个 LinkView 的子类，它确实提供了上述绑定(bind)。所以下一步将是创建所述子类，并实现绑定(bind)。但是，我不想复制 link-to 帮助程序，而且我很乐意使用 view 帮助程序。但是我无法弄清楚 view 助手应该如何与 LinkView 一起工作:

{{#view Ember.LinkView "index" }}Index{{/view}}

DEPRECATION: Global lookup of Ember.LinkView from a Handlebars template is deprecated.
Uncaught TypeError: Cannot read property 'length' of undefined

{{#view Ember.LinkView target="index" }}Index{{/view}}

DEPRECATION: Global lookup of Ember.LinkView from a Handlebars template is deprecated.
Uncaught TypeError: Cannot read property 'length' of undefined

我一直在阅读 LinkView 的来源和 link-to ，但不知道如何继续。

Answer 1

你可以像这样使用类绑定(bind)

{{#link-to 'index' tagName='li' class="active:active completed:completed"}}<a href="#">Index</a>{{/link-to}}