如何在 eex 中将自定义 HTML 添加到功能链接 (Phoenix.HTML.link)

【问题标题】：How to add custom HTML to function link (Phoenix.HTML.link) in eex如何在 eex 中将自定义 HTML 添加到功能链接 (Phoenix.HTML.link)
【发布时间】：2020-01-18 13:07:27
【问题描述】：

我正在尝试将自定义 html 添加到链接（Phoenix.HTML.link）

<%= link "<i class=\"fas fa-users\"></i> Login" to: "/login", class: "some class" %>

#But not working, result in this...
#HTML result:
<a class="some class" href="/login">&lt;i class="fas fa-users"&gt;&lt;/i&gt; Login</a>

【问题讨论】：

标签： html elixir phoenix-framework

【解决方案1】：

函数link 有一个do... end 块

#Example of use
<%= link to: "url", class: "nav-link" do %>
    <i class="fas fa-users"></i> Login
<% end %>

这是文档：
https://hexdocs.pm/phoenix_html/Phoenix.HTML.Link.html

【讨论】：

@zwippie 哎哟，当然，do-end 块允许 HTML 离开 <%= %> 标记，从而防止 HTML 转义。好的，谢谢。

【解决方案2】：

使用Phoenix.HTML.raw/1

<%= link raw("<i class='fas fa-users'></i> Login"), ... %>

【讨论】：