【发布时间】：2019-02-17 05:23:00
【问题描述】：
我知道我可以通过这种方式通过 TypeScript 添加自定义 HTML：
<div class="one" [innerHtml]="htmlToAdd"></div>
this.htmlToAdd = '<div class="two">two</div>';
这很好用，但如果我尝试添加一些垫子元素（例如垫子卡），这不起作用。 mat-card 中的所有内容都是可见的，但 mat-card 元素被忽略。为什么？
当我尝试这个时：
this.htmlToAdd = '<mat-card><h1>Hello</h1></mat-card>';
H1 元素已打印，但不在卡片中。为什么？
【问题讨论】：
-
我认为
mat-card是一个 Angular 组件。您不能将innerHTML与组件一起使用。
标签： angular typescript