如何使用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_toblock method：

<%= 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助手。