如何使用haml在rails上為link_to方法添加字體真棒？

Question

我正在嘗試修改我的布局，只是為了將link_to添加到我的下拉列表中。

以前的代碼：

  %li.divider
  %li
    %a{:href => "#"}
      %i.fa.fa-user-profile
      Add new user

我這樣編輯：

 %li.divider
 %li
   = link_to '<i class="fa fa-user-profile"></i> Add new user'.html_safe, new_user_path

一切看起來都很好，但fa-user-profile是0px x 0px，它是不可見的。 我做錯了什么？

Html輸出：

Answer 1

link_to有一個“塊狀”形式 ，接受自定義內部標記：

= link_to new_user_path do
  %i.fa.fa-user-profile
  Add new user

關於元素不可見性：元素本身應該由FontAwesome的CSS填充，使用font-family （在類fa ）和content （在特定的圖標類上）。 如果您沒有它們，則意味着您沒有必要的CSS。

如何添加它取決於FontAwesome集成到資產管道中的方式。 font-awesome-sass對此有非常明確的指示，您的解決方案可能會有所不同。

Answer 2

你可以用raw（）

= link_to raw('<i class="fa fa-user-profile"></i> Add new user'), new_user_path