2013-05-07 59 views
1

我的應用程序頭的用戶下拉菜單中有以下行。如何將一個類添加到字符串的特定部分

<%= link_to "profile (#{user.notifications.count})", current_user %> 

如果用戶有三個通知,這應顯示profile (3)。我想爲profile着色與(3)不同的顏色。

要做到這一點,給兩個不同的部分不同的類是最好的方法嗎?如果是這樣,我該怎麼做呢?

回答

2

可以使用do塊:

<%= link_to current_user do %> 
    profile (<span class='notifications_count'><%= user.notifications.count %></span>) 
<% end %> 

這將把一個跨度與HTML類'.notificat <a></a>標籤內的「ions_count」。

+0

謝謝。我想我更喜歡這樣做,因爲我覺得它更容易閱讀。 (線路不會太長。) – umezo 2013-05-07 19:23:34

2

一個快速的方法來實現這一目標是使用span,像這樣

<%= link_to raw("<span style='color: #000'>profile</span> (#{user.notifications.count})"), current_user %> 

,或者如果你不想插入內嵌CSS,像這樣

<%= link_to raw("<span class='your_profile_class'>profile</span> (#{user.notifications.count})"), current_user %> 
+0

你可以使用'html_safe'或'raw'就像我在我的回答中那樣。 – 2013-05-07 19:07:02

+0

輔助方法可以使這更容易閱讀。 – tadman 2013-05-07 19:10:47

相關問題