在LiveView中以编程方式合成~H信号

Question

如何用变量填充部分或整个~H信号？我试图使用它将一些现有的html表标记插入到Liveview页面中。我尝试了以下方法，但是它们会产生像“#{html_codes}”或“…”这样的文本“在页面上，而不是在Liveview页面上插入表。如果有更好的方法在LiveView页面中插入任意的html代码，我会全神贯注。

html_codes = """
  <table> .... </table>
"""

~H"""
   #{html_codes} or <%= html_codes %>
"""

Answer 1

从灵丹妙药通道收到下面的提示，它起了作用。

~H"""
<% = Phoenix.HTML.raw(html_codes) %>
"""

Answer 2

你需要做三件事：

1. 确保您试图包含的变量本身使用~H语法

html_codes =~H“……”“”

1. 确保值在assigns变量中

赋值=赋值(赋值，html_codes: html_codes)

模板中的

1. 引用使用@assign_name语法的值。

~H“a table:<%= @html_codes %>”“”

无论您是在render/1回调、函数组件还是单独的*.heex文件中，都应该使用相同的语法。