紅寶石苗條 - 類從變量

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：

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

來源

2014-09-03 domi771

你究竟在哪一行預計會有一個動態類？ – Surya 2014-09-03 07:57:51

@ .col-md-1.value.title – domi771 2014-09-03 08:13:00

很抱歉，您發佈的鏈接中列出的所有方法都適用於我。我相信你設定的變量有問題。請注意，變量應該是Ruby變量，而不是JavaScript變量！ – Surya 2014-09-03 08:16:28

你可以嘗試：

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

來源

2014-09-03 08:04:39 IS04

這給了我一個空班 – domi771 2014-09-03 08:12:05

這應該給'

' – IS04 2014-09-03 08:19:10

使用備用[]符號的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"]

和海事組織這是最簡單的答案。

來源

2017-03-16 21:06:58

紅寶石苗條 - 類從變量

回答

相關問題