web-dev-qa-db-ja.com

Angularダイアログコンポーネントクラスのないマテリアルビューチャイルドダイアログ

ダイアログコンポーネントを作成せずに、子参照を表示してangularマテリアル2ダイアログを開く方法はありますか?

9
Shansana Waruna

これを試して

View.html

 <button (click)="openModal(mytemplate)">Open my template</button>

    <ng-template #mytemplate>
        <h1>It works</h1>
    </ng-template>

component.ts

 openModal(templateRef) {
            let dialogRef = this.dialog.open(templateRef, {
                width: '250px',
                // data: { name: this.name, animal: this.animal }
            });

            dialogRef.afterClosed().subscribe(result => {
                console.log('The dialog was closed');
                // this.animal = result;
            });
        }
15
Diluk Angelo