有棱角材料项目的富文本策略

我正在做一个应用程序在角度使用材料,使用动态组件。

mat-body-1 作为类型和 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>`"
}

以下是我可能没有根据的担忧:

1. innerHTML
2. 将DOM字符串放入JSON似乎是不干净的。