如何使用 HAML 将图标添加到 button_tag？

Question

我在尝试使用 HAML 制作播放按钮时遇到问题。

 =button_tag clue_path(@question), class: "btn btn-lg glyphicon glyphicon-play"

结果 html

<button><icon class:"glyphicon glyphicon-play">/question/1/clue</i></button>

应该是

<button><icon class: "glyphicon glyphicon-play"></i></button>

我非常接近解决它。我错过了什么？

Answer 1

如果您想使用 Bootstrap 和 HAML 将图标放入按钮内，请尝试：

%button.btn.btn-lg.btn-default
  %i.glyphicon.glyphicon-play

Answer 2

按钮标签必须具有 href 属性。

您使用 a-tags 将它们设置为按钮样式。

我还建议您使用 "fontawesome" 而不是 glyphicon。集成非常简单，只需添加 gem 并告诉 bootstrap 使用 FA。

图标列表在这里：https://fortawesome.github.io/Font-Awesome/icons/

对按钮执行此操作

=link_to clue_path(@question), class: "btn btn-lg" do 
  %i.glyphicon.glyphicon-play

如果您使用的字体很棒 gem 那么它只是

=link_to clue_path(@question), class: "btn btn-lg" do 
  =icon "glyphicon-play"

or

=link_to icon("glyphicon-play"), clue_path(@question), class: "btn btn-lg"

如何使用 HAML 将图标添加到 button_tag？

How do you add an icon to a button_tag using HAML?

haml

icons

ruby-on-rails

button