web-dev-qa-db-ja.com

Ruby Slim-要素のクラスをRailsヘルパーまたは変数でどのように定義しますか？

Rails slim（http://slim-lang.com/）では、クラス名「sample」で新しいdivを定義するための構文は次のとおりです。

 .sample
      = "Content goes here"

これにより作成されます：

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

Railsのヘルパー、変数、またはその他のものに従ってdivのクラスを定義したい。

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

私はこれをスリムに行う方法がわかりません：

 .sample #what else goes here?
   Content goes here

誰もが知っていますか？

htmlcssruby-on-railsruby-on-rails-3slim-lang
34
jay

どう？

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

あるいは

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

または

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

括弧、中括弧、またはスペースのみを使用できます

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

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

.first-class class="second-class-#{Ruby_call}"
9
steel

スリムなテンプレートの場合、括弧表記を使用しています。等号（ "="）を使用して同じ行にコンテンツを追加できますが、必ずスペースを含めるようにしてください。

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