Angular material 具有角度材质项目的富文本策略

我正在使用使用动态组件的材质在角度上进行应用

目前我有一个简单的文本组件，您将

mat-body-1

设置为type，将

data

设置为

Hello-kind people

，因此它可能具有如下json结构：

{
   selector: "app-text",
   type: "mat-body-1",
   data: "Hello kind people"
}

请原谅这里的psudeo代码，但所需要的似乎更丰富：

{
   selector: "app-text",
   data: "`<p mat-body-1>Hello <style color=red>kind</style> <b>people</b></p>`"
}

{
选择器：“应用程序文本”，
数据：“`
善良的人们你好
`”
}

以下是我可能毫无根据的担忧：

innerHTML

并不令人惊讶

将DOM字符串放入JSON似乎不干净 是否有更完善的策略来显示角度材质中的富文本？