p-dialog 的样式既不应该也不出现/消失

如何解决p-dialog 的样式既不应该也不出现/消失

我想实现一个功能，当拖放日历中的事件时，会出现一个对话框，用户必须确认他们确实要推迟此事件。在此过程中，我遇到了以下问题：我的 p-dialog 既没有默认样式（例如，如下所示：https://stackblitz.com/edit/primeng-dialog-demo），也没有在应该的变量发生变化时出现/消失控制其可见性 - [(visible)]="displayModal"。

这是堆栈闪电战：https://stackblitz.com/edit/primeng-calendar-v-3zqtu4?file=src/app/app.component.ts

这里出了什么问题？

编辑：更新了stackblitz。

解决方法

要跟进@captain hak 所说的内容，您需要做的第一件事是按照说明导入 DialogModule。即在 app.module
import { DialogModule } from "primeng/dialog";

要使图标正常工作，您需要将其添加到您的 index.html：
<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />

我想您将实施行为来改变 displayModal 的值，因为在 stackblitz 中，目前没有任何改变它。

,

您必须从primeng 导入DialogModule。

在此 stackblitz forked from yours 中，您会看到，如果您单击日历中的任意位置，则会显示该对话框，我让您实现所需的行为，因为您现在可以使用它了。