在动态插入的内容中用角度8替换标签

Question

是否可以替换动态插入的角度分量标签？

我有从api获取的类似以下内容的文字：

Testing <app-test></app-test> for <app-test></app-test> dynamically inserting another <app-test></app-test>

我有一个测试组件，而我想要实现的只是将文本组件的输出替换为<app-test></app-test>标记。

在我的ts文件中，我正在使用DomSanitizer，因此我的标签没有被剥离，如下所示：

this.text = this.sanitizer.bypassSecurityTrustHtml("Testing <app-test></app-test> for <app-test></app-test> dynamically inserting another <app-test></app-test>");

并且在我的html中，我使用单向绑定来显示文本，如下所示：

<div [innerHTML]='text'></div>

但是输出只是不带标签的文本。

Answer 1

您可以通过组件引用创建动态组件在此链接中，您可以阅读以下内容：https://medium.com/@lukaonik/how-to-create-dynamic-components-in-angular-a2f449acb987

其他解决方案，但不是最好的方法是通过ng-swich调用不同的组件