css - 在 label_method 的 simple_form 部分 CSS 中

Question

在简单的形式中，我有几个单选按钮。对于单选按钮标签，我想将 span css 添加到标签的一部分，使其看起来像这样:

30 days <strong>for only 30 bucks </strong> 

我的输入是这样的:

  <%= f.input :duration,  :label => "Duration: ",  
          :collection =>  Payment::OPTIONS, 
          :label_method => lambda { |a| a.first.to_s + " days for only" + a.last.to_s + " $ " } ,
          :value_method => lambda { |a| a.first.to_s + "-" + a.last.to_s } , 
          :as => :radio %>

是否可以仅将 css 添加到部分 "for only"+ a.last.to_s + "$ "

Answer 1

使用字符串插值，我会从类似的东西开始

:label_method => lambda { |a| "#{a.first} days for only #{a.last} $" } ,
:value_method => lambda { |a| "#{a.first} - #{a.last}" } , 

你可以改进你的变量名，first 和 last 看起来有点困惑，我假设你会使用像 duration 这样的东西和 price .

现在我们仍然需要修复 span ，你问的是跨度，但在你的例子中你写了 <strong> ，我假设会让俄罗斯人感到困惑，所以让我们以你的例子为例。所以为了修复我们写的:

:label_method => lambda { |a| "#{a.first} days <strong>for only #{a.last} $</strong>".html_safe } ,

我们可以在字符串中编写 html，但是我们必须确保告诉渲染器该字符串可以被认为是“安全的”并且不需要再次转义(否则您只会看到标记风景)。这就是为什么需要添加 .html_safe() .

现在真的很干净，我会把它移到一个 helper 。所以在你的<your-resource-name>Helper添加

def long_duration_label(payment_option)
  ""#{payment_option.duration} days <strong>for only #{payment_option.price}$</strong>".html_safe
end

在你看来，这变成了

:label_method => lambda { |payment_option| long_duration_label(payment_option) },