如何在 ruby on rails 视图中使用 erb 使 bootstrap 字形成为按钮?
How can I use erb in my ruby on rails view to make a bootstrap glyphicon a button?
我想在我的 rails 应用程序中使用 bootstrap 字形作为 link。要在没有字形图标的情况下执行此操作,我将使用 link_to 方法:
<%= link_to "up", like_post_path(post), 方法: :put %>
我基本上希望 "up" 成为一个字形图标。但我无法弄清楚如何添加 link 并仍然按原样保留字形。这是我的 erb 视图中与我想要的按钮相关的所有代码:
<a href="" class="btn btn-success" aria-label="vote up" type="button">
<span class="glyphicon glyphicon-plus"></span>
</a>
我想将此按钮 link 添加到我的 like_post_path(post)。我已经尝试将 span 变成一个带有 glyphicon 类 的按钮,中间有一个 link_to 方法..没有用。
我试过制作 a href="<% many different erb attempts %> 也没有成功。有人能告诉我正确的方法吗?
这样就可以了
<%= 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 %>
只需使用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转义
我想在我的 rails 应用程序中使用 bootstrap 字形作为 link。要在没有字形图标的情况下执行此操作,我将使用 link_to 方法: <%= link_to "up", like_post_path(post), 方法: :put %>
我基本上希望 "up" 成为一个字形图标。但我无法弄清楚如何添加 link 并仍然按原样保留字形。这是我的 erb 视图中与我想要的按钮相关的所有代码:
<a href="" class="btn btn-success" aria-label="vote up" type="button">
<span class="glyphicon glyphicon-plus"></span>
</a>
我想将此按钮 link 添加到我的 like_post_path(post)。我已经尝试将 span 变成一个带有 glyphicon 类 的按钮,中间有一个 link_to 方法..没有用。 我试过制作 a href="<% many different erb attempts %> 也没有成功。有人能告诉我正确的方法吗?
这样就可以了
<%= 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 %>
只需使用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转义