Question

我有以下代码：

= link_to "<i class=\"glyphicon glyphicon-pencil\"> </i>".html_safe, edit_project_path(p), class: 'btn'

这会生成这个html：

<a class="btn" href="/projects/6258/edit"><i class="glyphicon glyphicon-pencil"> </i></a>

到目前为止一切顺利，现在我希望html看起来像这样：

<a class="btn" data-placement="top" data-toggle="popover" data-trigger="hover" data-container="body" data-content="Edit" href="/projects/6258/edit"><i class="glyphicon glyphicon-pencil"> </i></a>

为此，我创建了一个生成此部分的辅助函数popover_hint（hint）：

data-placement="top" data-toggle="popover" data-trigger="hover" data-container="body" data-content="Edit"

如何在link_to中使用该帮助函数的输出？我试过这样：

= link_to "<i class=\"glyphicon glyphicon-pencil\"> </i>".html_safe, edit_project_path(p), class: 'btn', html_options => popover_hint('edit')

但是这会将html_放在所有数据元素的前面。

Answer 1

为什么不让你的帮助函数返回你需要的数据选项的哈希值，并使用类似的东西：

= link_to "<i class=\"glyphicon glyphicon-pencil\"> </i>".html_safe, edit_project_path(p), class: 'btn', data: popover_hint('edit')

popover_hint返回的内容如下：

{ placement: "top", toggle: "popover", trigger: "hover", container: "body", content: "Edit" }

在div中包含辅助函数的输出

1 个答案: