У меня есть такой HTML в базе данных:

"[[lorem]] [[ipsum]]"

Я вывожу его сейчас так:

@Component({
selector: 'app-html',
template: '<div [innerHTML]="text"></div>'
})
export class HtmlComponent {
public text = '[[lorem]] [[ipsum]]';
}
Мне надо в компоненте вместо "[[lorem]]" "[[ipsum]]" динамически подставить другую компоненту

например, подставить кастомную компоненту текстовое поле

<app-text-input [value]="'ipsum'" (changed)="onTextChanged('ipsum', $event)" [ngClass]="getInputClasses('ipsum')"></app-text-input>

И потом через объектный доступ проверить значение, впечатанное пользователем в это поле и поменять класс css