css - Haml 咖啡模板中的条件 CSS 类

Question

在 .hamlc 模板中提供以下代码:

.myDiv
  some content here

如果我想根据传递给模板的模型属性将类“special”添加到 div.myDiv 会怎样。

所以如果模型的 is_special 属性为真，输出将如下所示:

<div class="myDiv special">
   some content here
</div>

如果 is_special 为假，输出将是:

<div class="myDiv">
  some content here
</div>

Answer 1

你可以添加一个类属性:

.myDiv{ class: 'hoho' }
  some content here

这将导致:

<div class='hoho myDiv'>
  some content here
</div>

现在您可以向该属性添加一些 CoffeeScript 代码以使其动态化:

.myDiv{ class: @model.get('status') }
  some content here