Angular 7 - 如何以簡單的方式使用prime-ng的p-dialog

Question

我正在使用prime-ng組件對話框。 我為modal.i創建了一個MyModal組件，想要在像uib-modal這樣的click事件上打開這個MyModal組件。 像uib-modal一樣簡單嗎？

Answer 1

將MyModal組件標記添加到嵌入組件模板，並使用*ngIf切換。

<my-modal *ngIf="show" name="{{ name }}"></my-modal>

<button (click)="show = true">show dialog</button>

這是一個有效的StackBlitz示例： https ：//stackblitz.com/edit/angular-m9bphb