Angular 18 系列（二十五）动态插入渲染 HTML 代码

小渣渣

需求：后端将 svg 源代码存储了起来，当前端加载数据的时候，界面需要正常显示 svg 图标，而不是 HTML 代码。

如下图所示，需要在下方位置插入一段 HTML 代码，并进行渲染：



代码：

登录可见。

直接将字符串插入到该 div 内，HTML 会直接被翻译成字符串。

需要借助 innerHTML、DomSanitizer 来动态渲染 HTML 源代码，代码如下：

登录可见。