实现 button_to 内的语义 UI 图标渲染

Question

我正在尝试实现一个 button_to，它看起来像一个 link (class="btn btn-link") 并且其文本（输入）值具有语义-ui 图标。我需要按钮以内嵌方式显示为 link。我正在使用语义-ui-rails gem。我的按钮格式如下：

<%= button_to semantic_icon('lightbulb outline'),
                  votes_path,
                  options: {
                      params: {
                          voter_id: current_user.id,
                          target_type: "Comment",
                          target_id: comment.id,
                          value: 1
                      }
                  },
                  class: "btn btn-link",
                  remote: true
    %>

但是，该按钮在我的屏幕上显示为 <i class="lightbulb outline icon"></i> 而不是渲染灯泡轮廓图标本身。

我必须更改什么才能使按钮表单的输入标签的值正确呈现？

Answer 1

尝试

<%= button_to votes_path, class: "btn btn-link", remote: true, params: {
                                                                voter_id: current_user.id,
                                                                target_type: "Comment",
                                                                target_id: comment.id,
                                                                value: 1
                                                              } do %>
  <%= semantic_icon('lightbulb outline') %>
<% end %>

实现 button_to 内的语义 UI 图标渲染

Achieve rendering of Semantic UI Icon within button_to

icons

ruby-on-rails

semantic-ui