Как добавить значок в button_tag с помощью HAML?

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-тэги в стиле их как кнопка.

Также я рекомендую вам использовать "fontawesome" вместо глификона. интеграция очень проста, просто добавьте гем и скажите загрузчику использовать FA.

Список значков здесь: https://fortawesome.github.io/Font-Awesome/icons/

для кнопки сделай это

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

если вы используете драгоценный шрифт, то его просто

=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"