如何重新加载 PrimeNG 对话框的内容

Question

我正在使用 Angular PrimeNG，我有以下场景

<button (click)="display = !display">Open</button>
<p-dialog [(visible)]="display">
    <custom-component [uid]="userId"></custom-component>
</p-dialog> 

这里的问题是每当我尝试打开 p-dialog 时，不会再次调用自定义组件，我如何确保再次加载组件以确保每次打开模态框时都有最新数据？

Answer 1

一种方法是向组件添加*ngIf 语句。因此，只要标志为假，组件就会被销毁。再次打开对话框应该会再次创建组件。