Cách tốt nhất để sử dụng thuộc tính dữ liệu html5 với trình trợ giúp rails content_tag?

Tất nhiên, vấn đề là các biểu tượng ruby ​​không thích dấu gạch nối. Vì vậy, một cái gì đó như thế này rõ ràng sẽ không hoạt động:

content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable)

Một tùy chọn là sử dụng một chuỗi thay vì một ký hiệu:

content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable)

Hoặc tôi có thể nội suy:

"<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe

Tôi sắp xếp thích cái sau hơn nhưng cả hai đều có vẻ hơi thô. Có ai biết cách tốt hơn không?

Rails 3.1 đi kèm với các trình trợ giúp tích hợp:

http://api.rubyonrails.org/classes/ActionView/Helpers/TagHelper.html#method-i-tag

Ví dụ,

tag("div", :data => {:name => 'Stephen', :city_state => %w(Chicago IL)})
# => <div data-name="Stephen" data-city-state="[&quot;Chicago&quot;,&quot;IL&quot;]" />

Bạn đã thử sử dụng dấu ngoặc kép có ký hiệu chưa? Cái gì đó như:

:"data-foo" => :bar

Một người trợ giúp không phải là một ý tưởng tồi nhưng có vẻ hơi quá mức cần thiết đối với những gì về cơ bản tôi đang khó hiểu về cú pháp. Tôi cho rằng không có gì được xây dựng trong đường ray, đó là những gì tôi đã hy vọng. Tôi sẽ chỉ sử dụng cái này:

content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable)

JQuery Air (Codechool.com) Cấp 1, Ví dụ 1

Codeschool / phiên bản độc lập với nền tảng

<section id="tabs">
  <ul>
    <li><a href="#2012-09-27" data-flights="6">Sep 27</a></li>
    <li><a href="#2012-09-28" data-flights="5">Sep 28</a></li>
    <li><a href="#2012-09-29" data-flights="5">Sep 29</a></li>
  </ul>
</section>

Phiên bản Rails

<section id="tabs">
  <ul>
    <li><%= content_tag(:a, "Sep 27",:href=> "#2012-09-27", :data => { :flights => "6" } ) %></li>
    <li><%= content_tag(:a, "Sep 28",:href=> "#2012-09-28", :data => { :flights => "5" } ) %></li>
    <li><%= content_tag(:a, "Sep 29",:href=> "#2012-09-29", :data => { :flights => "5" } ) %></li>
  </ul>
</section>

Dựa trên các câu trả lời trước đó, đây là cách chuẩn để thực hiện điều đó ngay bây giờ:

content_tag(:div, "Some Text", id: "foo", data: { attr: some_variable })
content_tag(:div, "Some Text", id: "foo", data: { "other-attr" => some_variable })

Tạo ra:

<div id="foo" data-attr="some variable">Some Text</div>
<div id="foo" data-other-attr="some variable">Some Text</div>

Bạn luôn có thể tạo chức năng trợ giúp của riêng mình để sau đó bạn có thể viết

<%= div_data_tag the_id, some_text, some_data %>