Question

在Ember中，我想创建一个带有可选类的链接。在模板中，我应该能够定义绑定，在该绑定上设置可选类。目标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}}

然而，这并不允许我定义可选的＆＃34;完整的＆＃34;捆绑。所以我正在考虑创建一个LinkView的子类，它确实提供了所谓的绑定。所以下一步将是创建所述子类，并实现绑定。但是，我不想复制link-to帮助程序，并且使用view帮助程序很好。但是，我无法弄清view助手如何与LinkView一起使用：

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

弃用：不推荐使用Handlebars模板对Ember.LinkView进行全局查找未捕获的TypeError：无法读取属性＆＃39; length＆＃39;未定义的

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

弃用：不推荐使用Handlebars模板对Ember.LinkView进行全局查找未捕获的TypeError：无法读取属性＆＃39; length＆＃39;未定义的

我一直在阅读LinkView和link-to的来源，但无法弄清楚如何继续。

Answer 1

您可以使用类似的类绑定

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

Ember如何使用LinkView和视图助手？

1 个答案: