如何将字体真棒图标添加到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并将其添加到代码块中。