如何将 bootstrap 图标添加到 simple_form 的 link_to_remove_association 和 link_to_add_association

Question

就像问题所说的那样，我想将一个图标放入 link_to_add_association 和 link_to_remove_association 中。

我正在使用 Ruby Rails 和 simple_form，我想放一个 bootstrap 图标，而不是 'Add line' , 和 'Remove'.

这就是代码的样子。下面代码中的 f 来自它们所在的循环。

<%= link_to_add_association 'Add line', f, :weeks %>

和

<%= link_to_remove_association 'Remove', f, :weeks %>

提前致谢！

Answer 1

我不确定您是否收到了问题的答案，但您是否尝试过在 Dashacts 中检查 attr_accessible。我认为您需要添加 options_attributes.

告诉我你的结果如何。

Answer 2

link_to_add_association 是用户定义的辅助方法。在那个方法中，我们有 link_to 标签。转到您的 link_to_add_association 方法（它可能在您的助手中），应该有一个 link_to 标记。例如，在我的 link_to_add_association

def link_to_add_association(f, association, **args)

###your code goes here 

link_to('#', class: "xyx " , data: {id: xyz}) do 
    "<span class='fa fa-male fa-lg'>".html_safe
 end

end

我使用了超棒的字体图标。您可以改用 bootstrap 图标。

参考：link_to

Answer 3

你可以试试这个答案。我正在使用 rails 5.2. Ruby 版本 2.4.1

正确的版本是.

.links
      = link_to_add_association f, :user_permissions, partial: 'permissions/shared/user_permission_fields', class: 'btn btn-primary' do
        %i.fa.fa-fw.fa-database

错误是你把'Add new'

.links
      = link_to_add_association 'Add New', f, :user_permissions, partial: 'permissions/shared/user_permission_fields', class: 'btn btn-primary' do
        %i.fa.fa-fw.fa-database

Answer 4

Bootstrap 或 font awesome 图标可以通过使用这样的块来添加：

<%= link_to_remove_association f, :weeks do %>
  <i class="fa fa-minus-circle"></i>
<% end %>

这会将“删除”替换为减号图标。

如何将 bootstrap 图标添加到 simple_form 的 link_to_remove_association 和 link_to_add_association

how to add an bootstrap icon to simple_form's link_to_remove_association and link_to_add_association

ruby

ruby-on-rails

simple-form

twitter-bootstrap