logo标签列表

Angular 7 - 如何轻松使用PrimeNG的p-dialog？

angularangular7
3

我正在使用prime-ng组件p-dialog。我创建了一个名为MyModal的组件用于模态框。我想要在点击事件上打开这个MyModal组件，就像uib-modal那样。有没有简单的方法可以像uib-modal一样操作呢？

1个回答
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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接