Я использую Angular Universal довольно долго, и теперь я хотел принять какое-то решение для разработки веб-приложений, когда контент должен генерироваться динамически, поэтому я планирую сохранить все содержимое HTML в базе данных и получить этот контент из API и отобразить его с помощью Angular Universal.
Так что в моем HTML я сделал ниже
<div [innerHTML]="htmlString">
</div>
В моем файле TS компонента
ngOnInit() {
let variables: string[];
this.apiHandler.getApiRequest('http://localhost:3000/api/blogs/blogs').subscribe((data: any) => {
this['htmlString'] = data;
});
}
Итак, после этого моя цель решена, и теперь я могу сохранять свой контент в базе данных, и страница будет отображаться с использованием ответа API, поэтому я могу обновлять контент непосредственно в базе данных и не нужно развертывать веб-приложение.
Проблема, с которой я сталкиваюсь, заключается в том, что мое приложение правильно отображается в пользовательском интерфейсе веб-браузера, но когда я открываю исходный вид страницы, я вижу, что содержимое отображается очень странно, как показано ниже тег h1 показывает, как показано ниже
<script id="serverApp-state" type="application/json">{&l;h1&g;What&s;s new in Tesla&l;/h1&g;}</script></body></html>
Моя главная проблема заключается в том, что веб-сканер не сможет определить Его как тег h1 . Скажите, пожалуйста, какое решение является лучшим для создания контента dynamici c с использованием Angular Universal