将一个Font Awesome图标添加到phone_number_link帮助程序并显示内联

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

假设你已经正确地包含了字体awesome 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