您好我想创建一个自定义对话框组件,我想以声明方式插入它内容,应该如下所示:
app.action.dialog.component.ts:
@Component({ selector: 'app-action-dialog',templateUrl: 'app/template/app.action.dialog.component.html' }) export class ActionDialog { showing: boolean; constructor() { this.showing = false; } show() { this.showing = true; } hide() { this.showing = false; } }
app.action.dialog.component.html:
<div id="overlay" class="valign-wrapper" *ngIf="showing" (click)="hide()"> <div class="container valign"> <div class="card"> <div class="card-content"> <content select="[content]"></content> </div> </div> </div> </div>
用法示例:
<app.action.dialog> <div content> example </div> </app.action.dialog>
这不起作用,我该怎么做?可能吗?