Рубин тонкий - класс для DIV с переменной

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 

Это все работает, как и ожидалось, когда я хочу, чтобы напечатать переменные в виде текста на веб-сайте. Однако мне нужны divs, содержащие также переменную для названия. Независимо от того, что я пытаюсь, я не могу получить класс divs с переменной заголовка.

Я считаю, что нужно создать вспомогательный то вдоль этих линий и content_tag:

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.

Эти три строки эквивалентны:

.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 

Для последнего, вы можете поместить рубин #{} в кавычки, таким образом, вы можете сделать это:

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

И IMO, что это самый простой ответ ,