Я занимаюсь разработкой веб-приложения с использованием Angular 6.
У меня есть небольшая проблема: с этим простым кодом внутри одного из моих сервисов:
method() {
document.body.insertAdjacentHTML('beforeend', '<h1>Hello</h1>');
}
Я могу динамически отображать HTML-код при каждом запуске.
Это происходит, однако, только потому, что <h1> является собственным тегом HTML.
Как я могу сделать то же самое с компонентом Angular, связанным с шаблоном HTMML? Например, <myComponent></myComponent>,
это не работает таким образом ...
method() {
document.body.insertAdjacentHTML('beforeend','<myComponent>/myComponent>');
}
Можете ли вы помочь мне с решением, которое использует несколько строк кода?
Я должен использовать этот метод в службе. Спасибо.