mam komponentkątowa 2 wstawić @Component do DOM innego składnika
import { Component } from '@angular/core';
@Component({
selector: 'test-component',
template: '<b>Content</b>',
})
export class TestPage {
constructor() {}
}
A mam inny komponent:
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>
Jak mogę dynamicznie wstawiać mój komponent TestPage
do obszaru, w którym <!--INSERT HERE-->
jest programowo, podobnie jak pl Prowadzę putInMyHtml
.
Próbowałem edytować DOM i wstawić <test-component></test-component>
, ale nie wyświetla tekstu zawartości z szablonu TestPage.
Możliwy duplikat [Nie można zainicjować dynamicznie dołączane (HTML) składnik Kątowymi 2] (http://stackoverflow.com/questions/36566698/cant- initialize-dynamicznie-dołączony-html-component-in-angle-2) – echonax
To jest poprawne rozwiązanie. Czy pojawił się komunikat o błędzie w konsoli przeglądarki lub kompilatorze? – Martin
@Martin nie ma błędu, pozostaje on w DOM bez kątowego renderowania szablonu. –
Akshat