如何将HTML5数据属性添加到rails表单标签？

Question

我有一个包含此代码的rails表单：

<%= form_tag("../vehicles", method: "get") do %>
  <div>
    <div>
      <%= label_tag(:address, t("ui.reservations.pickup"), data-addr: 'here') %>
    </div>
    <div>
      <%= label_tag(:address, t("ui.reservations.between_now_and_param", param: @start_date.strftime(    time_format))) %>
    </div>
    <div>

我想在第一个标签上添加HTML数据属性，所以我尝试了：

<%= label_tag(:address, t("ui.reservations.pickup"), data-addr: 'here') %>

但是我收到语法错误：

预订#new中的SyntaxError

.../_form.html.erb:8: syntax error, unexpected tLABEL

');@output_buffer.append= ( label_tag(:address, t("ui.reservations.pickup"), data-addr: 'here') );@output_buffer.safe_concat('...

我可以添加它

    <%= label_tag(:address, t("ui.reservations.pickup"), data: 'here') %>

这会产生：

<label for="address" data="here">

但我似乎无法添加data-something属性。 我得到语法错误。

我怎样才能做到这一点？

Answer 1

@vee提供的答案将正确呈现。 您收到语法错误的原因是因为data-addr: 'here'不是有效的ruby代码。 也就是说，您不能将JSON哈希表示法与包含连字符的键一起使用。 您可以将其修改为正常工作，如下所示：

<%= label_tag(:address, t('ui.reservations.pickup'), 'data-addr' => 'here' %>

但推荐的方法是为'data'属性声明嵌套哈希：

<%= label_tag(:address, t('ui.reservations.pickup'), :data => {:addr => 'here'} %>

或者简单地（如@vee建议）：

<%= label_tag(:address, t('ui.reservations.pickup'), data: {addr: 'here'} %>

[OP编辑：]我还发现下划线会产生破折号！ 例如：

<%= label_tag(:address, t('ui.reservations.pickup'), data: {from_base: 'here'} %>

生成

<label for="address" data-from-base="here">
    pickup:
</label>

Answer 2

使用data哈希如下：

<%= label_tag(:address, t("ui.reservations.pickup"), data: {addr: 'here'}) %>
# => <label data-addr="here" for="address">...</label>