Angular - 如何将 Angular 变量绑定(bind)到 html 并显示

Question

我有一个组件，它有一个 ts 文件，它包含 html 内容作为变量。

para1= <a href="www.google.com">sitename</a> more content

我需要像 html 本身一样在 html 中绑定(bind)这个段落。

sitename

我怎样才能做到这一点？

Answer 1

如果您的变量值包含 HTML 模板，只需使用 innerHTML。

像这样-

para1= "<a href="www.google.com">sitename</a> more content"

在 html 文件中 -

<span [innerHTML]='para1'></span>