呈现组件时,将忽略其中的内容,例如:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: '<div>{{title}}</div>',
})
export class AppComponent {
title = 'app works!';
}
Run Code Online (Sandbox Code Playgroud)
使用它像:
<app-root>Ignored content</app-root>
Run Code Online (Sandbox Code Playgroud)
呈现:
<div>app works!</div>
Run Code Online (Sandbox Code Playgroud)
但是看看PrimeNg对话框,他们使用这样的组件:
<p-dialog [(visible)]="display">
<p-header>
Header content here
</p-header>
Content
<p-footer>
Footer content here
</p-footer>
</p-dialog>
Run Code Online (Sandbox Code Playgroud)
作为Header content here,Content并且Footer content here在组件内部,为什么它们不被忽略,我怎样才能实现这一目标?