向phone_number_link helper添加一個Font Awesome圖標並顯示內聯

Question

嘿，我在將一個Font Awesome電話圖標添加到我從教程中使用的幫助器方法並且不太確定如何繼續時遇到了一些問題。

我期待實現這樣的事情：

但到目前爲止只設法創建電話號碼作爲一個可點擊的鏈接。

輔助方法：

def phone_number_link(text) 
    sets_of_numbers = text.scan(/[0-9]+/) 
    number = "+1-#{sets_of_numbers.join('-')}" 
    link_to text, "tel:#{number}" 
    end 

和鏈路自身：

<li><%= phone_number_link("(587) 841-0708") %></li> 

我只是不知道如何將圖標添加到這個方程式。任何援助在這裏將不勝感激！

如果您需要更多信息，請讓我知道。

Answer 1

試試這個：

<li><i class="icon-phone"></i><%= phone_number_link("(587) 841-0708") %></li> 

Answer 2

假設你已經適當地包括字體真棒CSS（我們應該驗證），你應該只需要做到這一點：

<i class="fa fa-phone" aria-hidden="true"></i> 

...等等在你的代碼的上下文中，它是這樣的：

<li> 
    <i class="fa fa-phone" aria-hidden="true"></i><%= phone_number_link("(587) 841-0708") %> 
</li> 

這裏的Font Awesome phone icon