2012-10-12 5 views
32

In schlanken Schienen (http://slim-lang.com/) die Syntax für einen neuen div mit einem Klassennamen "Probe" definiert, ist die folgende:Ruby Slim - Wie definierst du die Klasse eines Elements mit einem Helfer oder einer Variablen?

.sample 
     = "Content goes here" 

dies schaffen:

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

ich möchte ein div Klasse definieren, nach einem Helfer Reling, eine Variable oder andere Dinge .. wie in Schienen:

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

ich keine Ahnung, wie dies in schlank zu tun:

.sample #what else goes here? 
    Content goes here 

Wer weiß wie?

Antwort

51

Wie wäre es

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

oder sogar

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

oder

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

danke. Alle drei arbeiten. das erste und das zweite sind das schönste Format, aber sie funktionieren alle. Danke noch einmal! – jay

+7

Eine andere Option, die ich bevorzuge: 'div class =" sample # {@ variable.name} "' – Nick

8

Sie können Klammern, geschweifte Klammern verwenden oder einfach nur einen Raum

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

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

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