Haml Coffee模板中的條件CSS類

Question

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

.myDiv
  some content here

如果我想基於傳遞給模板的模型的屬性將“特殊”類添加到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