如何将字体真棒图标添加到 haml 表单提交按钮中

Question

我目前正在尝试将搜索 font-awesome icon 添加到我的表单提交按钮中，这是我目前所做的：

 = simple_form_for :search, url: search_products_path, method: :post, html: { class: "mx-auto"}  do |f|
    = f.input :code
    = f.submit 'Search', :class => "btn btn-success" do
      %i.fa.fa-search

目前没有font-awesome icon出现，如果我使用：

%i.fa.fa-search
= f.submit 'Search', :class => "btn btn-success"

然后图标确实出现了，在同一行但显然不在提交按钮内。目前我还没有找到使用 haml.

执行此操作的解决方案

Answer 1

从提交中删除 Search 并将其添加到块中。

Answer 2

您不能将传递的块和文本参数组合到 f.submit。

所以你应该这样做：

= f.submit raw("<i class='fa fa-search'</i> Search"), :class => "btn btn-success"

或者最好是：

= f.submit :class => "btn btn-success" do
  %i.fa.fa-search Search

如何将字体真棒图标添加到 haml 表单提交按钮中

How to add a font awesome icon into a haml form submit button

ruby

haml

ruby-on-rails

font-awesome