Angular 8 替換動態插入內容中的標簽

Question

是否可以替換動態插入的 angular 組件標簽？

我從 api 得到如下文本：

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

我有一個測試組件，我想要實現的只是使用文本組件中的 output 替換<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>

但是 output 只是沒有標簽的文本。

Answer 1

您可以通過組件引用創建動態組件在此鏈接中您可以閱讀有關它的信息： https://medium.com/@lukaonik/how-to-create-dynamic-components-in-angular-a2f449acb987

其他解決方案但不是最好的解決方案是通過 ng-swich 調用不同的組件