简单形式：html属性答案

【问题标题】：Simple form: html attributes简单形式：html属性
【发布时间】：2014-08-12 09:23:56
【问题描述】：

如何将自定义 html 属性 data-uk-toggle 粘贴到 simple_form 标签中

<span class="uk-button" data-uk-toggle="{target:'.my-class'}">...</span>

我试过了

<%= g.label :self_estimation, class: 'km-180-label', input_html: { "data-uk-toggle" => "{target:'.my-class'}" } %>

但它不起作用

【问题讨论】：

【解决方案1】：

试试：

<%= g.input :self_estimation, label_html: { class: 'km-180-label', "data-uk-toggle" => "{target:'.my-class'}" } %>

或

<%= g.input :self_estimation, label_html: { class: 'km-180-label', data: {uk_toggle: "{target:'.my-class'}"} } %>

或

<%= g.label :self_estimation, :class => 'km-180-label', "data-uk-toggle" => "{target:'.my-class'}" %>

或

<%= g.label :self_estimation, :class => 'km-180-label', data: {uk_toggle: "{target:'.my-class'}"} %>

【讨论】：

【解决方案2】：

你需要做的是这样的：

<%= g.input :self_estimation, label_html: { class: 'km-180-label', :data-uk-toggle => "{target:'.my-class'}" } %>

您可以在这里找到更多详细信息Simple Form

【讨论】：

【解决方案3】：

这样你可以添加自定义属性。

<%= g.label :self_estimation, :class => 'km-180-label', :"data-uk-toggle" => "{target:'.my-class'}" %>

【讨论】：