【问题标题】:Ember how to use LinkView with view helper?Ember 如何将 LinkView 与视图助手一起使用?
【发布时间】:2015-04-21 13:10:18
【问题描述】:

在 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 helper 实现活动/非活动状态;

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

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

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

弃用:从 Handlebars 模板全局查找 Ember.LinkView 已弃用。
未捕获的类型错误:无法读取未定义的属性“长度”

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

弃用:从 Handlebars 模板全局查找 Ember.LinkView 已弃用。
未捕获的类型错误:无法读取未定义的属性“长度”

我一直在阅读LinkViewlink-to 的来源,但不知道如何继续。

【问题讨论】:

    标签: javascript ember.js


    【解决方案1】:

    你可以像这样使用类绑定

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

    【讨论】:

    • 谢谢,这解决了我的主要问题。但是,您能否也说明如何在没有帮助器的情况下使用 LinkView
    • 如果它已被弃用,你为什么不使用它?
    • 我不认为 LinkView 已被弃用,仅使用全局查找。例如{{view "select" }} 而不是Ember.Select。使用视图助手如何正确使用(扩展)LinkView的问题?
    猜你喜欢
    • 2014-12-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多