如何在我的 ruby on rails 视图中使用 erb 来使引导 glyphicon 成为按钮？答案

【问题标题】：How can I use erb in my ruby on rails view to make a bootstrap glyphicon a button?如何在我的 ruby on rails 视图中使用 erb 来使引导 glyphicon 成为按钮？
【发布时间】：2015-06-25 16:04:45
【问题描述】：

我想在我的 rails 应用程序中使用引导 glyphicon 作为链接。要在没有字形图标的情况下执行此操作，我将使用 link_to 方法：

我基本上希望“向上”变成一个字形图标。但我不知道如何添加链接并仍然保留字形图标。这是我的 erb 视图中与我想要的按钮相关的所有代码：

<a href="" class="btn btn-success" aria-label="vote up" type="button">
       <span class="glyphicon glyphicon-plus"></span>
</a>

我想将此按钮链接到我的like_post_path(post)。我已经尝试将 span 变成一个带有 glyphicon 类的按钮，并且中间的 link_to 方法..没有用。我试过做 a href=" 也没有运气。谁能告诉我这样做的正确方法吗？

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap erb

【解决方案1】：

只需使用content_tag:

<%= button_to content_tag(:span, "", class: "glyphicon glyphicon-plus"), like_post_path(post), class: "btn btn-success" %>

你也可以和link_to一起使用：

<%= link_to content_tag(:span, "", class: "glyphicon glyphicon-plus"), like_post_path(post), class: "btn btn-success", type: "button" %>

或者您可以直接编写 HTML 代码，并使用 raw 帮助器来避免 ERB 转义。

【讨论】：

span-tags不应该用“nbsp;”填充吗？

【解决方案2】：

这样就可以了

<%= link_to like_post_path(post), method: :put do %>
<button class="btn btn-success" aria-label="vote up"><span class="glyphicon glyphicon-plus"></span></button>
<% end %>

【讨论】：

在链接中包裹一个按钮是什么意思？
@SimoneCarletti 是的，我同意，但它确实有效:)