Haml咖啡模板中的条件CSS类

Question

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

.myDiv
  some content here

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

因此，如果模型的is_special属性为true，则输出将如下所示：

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

如果is_special为false，则输出为：

<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