[Angular 6]动态地将代码传递到组件中

Question

任何人都知道是否可以将一段HTML代码传递到组件中，该HTML代码在组件内部而不是在父级内部解释。

例如，

<my-component>Hello {{variableInsideTheComponent}}</my-component>

哪个variableInsideTheComponent引用在组件范围内定义的变量。

Answer 1

将变量标记为输入变量：

@Input() variableInsideTheComponent: string

然后在跨度中显示变量，设置innerHtml属性：

<span [innerHtml]="variableInsideTheComponent"></span>

但是，根据您从何处获取输入，您可能希望使用DomSanitizer来确保HTML可以安全地解析。