如何将字体真棒图标添加到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

您不能将传递块和文本参数组合到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

Answer 2

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