如何將Rails link_to與引導徽章一起使用

Question

我目前有一個由鏈接組成的導航欄，如下所示。

導航欄：

<li>
  <%= link_to "Messages (#{@user.messages.count})", "#messages", "data-toggle" => :tab %>
</li>
<li>
  <%= link_to "Notes (#{@user.notes.count})", "#notes", "data-toggle" => :tab %></li>
</li>

我真正想做的是使這些鏈接按鈕帶有嵌入的徽章，顯示的計數類似於以下內容。 我只是不知道如何使用rails。

<button class="btn btn-primary" type="button">
  Messages <span class="badge">4</span>
</button>

Answer 1

您可以使用link_to 塊方法 ：

<%= link_to '#messages', class: 'btn btn-primary', data: {toggle: :tab} do %>
    Messages <%= content_tag :span, @user.messages.count, class: 'badge' %>
<% end %>

另外，如果您設置使用單行，則可以使用如下幫助程序：

def text_with_badge(text, badge_value=nil)
    badge = content_tag :span, badge_value, class: 'badge'
    text = raw "#{text} #{badge}" if badge_value
    return text
end

然后致電：

<%= link_to text_with_badge('Messages', @user.messages.count), '#messages', class: 'btn btn-primary', data: {toggle: :tab} %>

或花更多link_to_with_badge創建自己的link_to_with_badge幫助器。