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

Question

在 .hamlc 模板中给出以下代码：

.myDiv
  some content here

如果我想根据传递给模板的模型属性将“特殊”类添加到 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