html - Ruby Slim - 您如何使用 rails 助手或变量定义元素的类？

Question

在 rails slim (http://slim-lang.com/) 中，使用类名“sample”定义新 div 的语法如下：

 .sample
      = "Content goes here"

这将创建：

 <div class="sample">
      Content goes here
 </div>

我想根据rails的助手、变量或其他东西来定义一个div的类。例如，在rails中：

 <div class="sample #{@variable.name}">
   Content goes here
 </div>

我不知道如何在苗条中做到这一点：

 .sample #what else goes here?
   Content goes here

有谁知道怎么做？

score 61 · Accepted Answer

怎么样

div[class="sample #{@variable.name}"]

甚至

div class=["sample", @variable.name]

或者

.sample *{:class => [@variable1.name, @variable2.name]}

score 9 · Accepted Answer

您可以使用括号、花括号或仅使用空格

.first-class(class="second-class-#{ruby_call}")

.first-class *{class: "second-class-#{ruby_call}"}

.first-class class="second-class-#{ruby_call}"

score 0 · Accepted Answer

对于超薄模板，我一直在使用括号表示法。您可以使用等号 ("=") 在同一行添加其他内容，但请务必包含一个空格：

h1 class=("sample #{@variable.name}") = @variable.to_s

3 回答 3