Я делаю приложение в Angular, используя материал, который использует динамические компоненты.
На данный момент у меня есть простой текстовый компонент, вы устанавливаете 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>`"
}
Вот мои опасения, которые могут быть необоснованными:
innerHTML неУдивительно. - Помещение строк DOM в JSON кажется нечистым.
Существует ли более улучшенная стратегия отображения расширенного текста в Angular Material?