Я использую Angular 5, и у меня есть это:
// app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
appendToContainer() {
// Do the stuff here
// Append PanelComponent into div#container
}
}
Теперь app.component.html
// app.component.html
<button (click)="appendToContainer()"></button>
<div id="container"></div>
и, наконец, у меня есть простой компонент
// panel.component.html
<div class="panelComponent">
This is a panel Component html
</div>
Что я хочу сделать, так это то, что каждый раз, когда кнопка на app.component.html нажимается, мне нужно добавить panel.component в app.component.html.
Как я могу это сделать?