When a component is rendered, content inside it is ignored, for example:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: '<div>{{title}}</div>',
})
export class AppComponent {
title = 'app works!';
}
Using it like:
<app-root>Ignored content</app-root>
Renders:
<div>app works!</div>
But looking at PrimeNg dialog, they use components like this:
<p-dialog [(visible)]="display">
<p-header>
Header content here
</p-header>
Content
<p-footer>
Footer content here
</p-footer>
</p-dialog>
As Header content here
, Content
and Footer content here
are inside the component, why are not they getting ignored and how can I achieve this?
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…