У меня есть компонентУгловое 2 вставить @Component в DOM другого компонента
import { Component } from '@angular/core';
@Component({
selector: 'test-component',
template: '<b>Content</b>',
})
export class TestPage {
constructor() {}
}
И у меня есть еще один компонент:
import { Component } from '@angular/core';
@Component({
selector: 'main-component',
templateUrl: 'main.html',
})
export class MainPage {
constructor() {}
putInMyHtml() {
}
}
main.html:
<p>stuff</p>
<div> <!-- INSERT HERE --> </div>
Как я могу динамически вставлять свой компонент TestPage
в область, где <!--INSERT HERE-->
программно, например wh ru Я запускаю putInMyHtml
.
Я пробовал редактировать DOM и вставлять <test-component></test-component>
, но он не отображает текст контента из шаблона TestPage.
Возможного дубликат [не может инициализировать динамически добавляться (HTML) компонента в угловых 2] (http://stackoverflow.com/questions/36566698/cant- initialize-dynamic-appended-html-component-in-angle-2) – echonax
Это правильное решение. Получили ли вы сообщение об ошибке в консоли браузера или в компиляторе? – Martin
@Martin нет ошибки, она остается как в DOM без углового отображения шаблона. –
Akshat