使用f.button使用数据属性的正确方法

Question

在表单按钮中使用数据属性的正确语法是什么。

  <%= f.button class: "btn", 'data-addr': 'blurred_email_<%= lead.id %>', id: "show-mail-btn"  do %> 
    Show Email
    <% end %>

Answer 1

尝试以下操作，您可以使用f.button，button_tag或button

<%= button_tag class: "btn", data: "blurred_email_#{lead.id}", id: "show-mail-btn"  do %> 
    Show Email
<% end %>

生成的HTML

<button name="button" type="submit" class="btn" data="blurred_email_1" id="show-mail-btn"> 
    Show Email
</button>

如果您需要在点击后禁用数据，请使用如下所示

<%= button_tag class: "btn", data: { disable_with: "Loading..." }, id: "show-mail-btn" do %>
    Show Email
<% end %>

生成的HTML

<button name="button" type="submit" class="btn" data-disable-with="Loading..." id="show-mail-btn"> 
    Show Email
</button>

请参见API doc