问题描述
我想实现一个功能,当拖放日历中的事件时,会出现一个对话框,用户必须确认他们确实要推迟此事件。在此过程中,我遇到了以下问题:我的 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 中,您会看到,如果您单击日历中的任意位置,则会显示该对话框,我让您实现所需的行为,因为您现在可以使用它了。