루비 슬림 - 변수

Question

에서 사업부에 대한 클래스는 여기이 게시물의 알고 :

Ruby Slim - How do you define an element's class with a rails helper or variable?

와 나는 세 가지 솔루션을 시도했다. 나를 위해 불행히도 그들 중 하나가 일하고 있지 않습니다.

forum.rb

.panel 
    .panel-heading 
    .span = @forum.name 
    .panel-body 
    .row 
     .col-md-7 #{t('global.topic')} 
     .col-md-3.value.title 
     .col-md-1.value.topic 
     .col-md-1.value.date 

forum_feed.js.coffee

window.ForumFeedUI = flight.component -> 
    @defaultAttrs 
    titleSelector: '.value.volume' 
    topicSelector: '.value.topic' 
    dateSelector: '.value.date' 

    @refresh = (event, data) -> 
    @update @select('volumSelector'), data.volume 
    @update @select('topicSelector'), data.topic 
    @update @select('dateSelector'), data.date 

내가 웹 사이트에 텍스트로 변수를 인쇄 할 때 예상대로 그것은 모든 작동합니다. 그러나 div뿐만 아니라 제목 변수를 포함해야합니다. 어떤 것을 시도해도 제목의 변수로 div 클래스를 가져올 수 없습니다.

content_tag(:div, content_tag(:p, "Hello world!"), class: "strong") 


div = t(".#{forum_title title}") 


def forum_title(title, &block) 
    content_tag :div, class: "col-md-3-#{title}" do 
    capture(&block) 
    end 
end 

Answer 1

당신이 시도 할 수 :

.col-md-7 class="your-#{dynamic class}" 

Answer 2

사용 CSS 속성의 대체 [] 표기

나는 내가이 라인을 따라 도우미 뭔가하고 content_tag을 작성해야합니다 생각합니다.

이 세 줄

은 동일합니다

- myclass = "col-md-6" 
div[class="#{myclass} title" id="foo"] 

을 그리고 IMO하는 가장 쉬운 대답은 : 당신이 따옴표로 루비 #{}를 넣을 수 있습니다,

.col-md-6.title#foo Some content 

div.col-md-6.title#foo Some content 

div[class="col-md-6 title" id="foo"] Some content 

마지막 하나를 들어, 그래서 당신은이 작업을 수행 할 수 있습니다 .