【问题标题】:Conditional class in HtmlBarsHtmlBars 中的条件类
【发布时间】:2015-05-10 10:50:32
【问题描述】:

在普通车把上我能做到:

<div {{bind-attr class="model.isNew:new:old"}}>

如何在 Htmlbars 中做到这一点?我试过了,但没有用。

<div class="{{model.isNew:new:old}}">

【问题讨论】:

    标签: ember.js htmlbars


    【解决方案1】:

    这在the 1.10 release/1.11 beta blog post中提到:

    <div class="{{if model.isNew 'new' 'old'}}">
    

    您仍然可以使用 {{bind-attr}} 助手,尽管我认为它可能已被弃用。

    【讨论】:

    • 知道记录在哪里吗?
    • 不幸的是,我只在该博客文章和 PR 中看到过。我在文档中找不到它。
    • 这是一个不幸的设计决定。我经常使用{{bind-attr class="isFoo"}} 样式,它会自动生成is-foo 类。现在我必须写class="{{if isFoo 'is-foo'}}"。后退一步。在语法class="{{isFoo}}" 中,如果isFoo 是布尔值,它应该通过生成class="is-foo" 而不是毫无意义的class="true" 来模仿旧行为。
    • 请记住,您现在可以在此处使用 any Handlebars 表达式。因此,您可以轻松编写一个帮助程序来执行此操作:{{toggle-class isFoo}}。您甚至可以使用子表达式。 bind-attr 在我们拥有的时候很酷,但现在天空才是极限!
    • 任何正在寻找此功能的 1.13 文档的人,都在这里:guides.emberjs.com/v1.13.0/templates/…
    猜你喜欢
    • 2015-11-30
    • 2020-11-03
    • 2015-11-25
    • 1970-01-01
    • 2015-05-03
    • 2015-04-21
    • 2016-09-30
    • 1970-01-01
    • 2015-06-05
    相关资源
    最近更新 更多