对话框中不工作的PrimeNg内联日历

Question

在对话框组件中使用primeng日历(内联)组件时，似乎存在一个bug。这是一个已知的解决办法问题吗？

​

在左侧，日历在常规组件中实例化。在右边，日历在<p-dialog>中实例化。

任务构成部分：

<p-calendar [(ngModel)]="date" [inline]="true" [showWeek]="true" [style]="{'position': 'fixed', 'overflow': 'visible', 'z-index': '1201'}"></p-calendar>

对话框代码：

<p-dialog position="top-right" header="Neuer Task" [(visible)]="displayTask" [closeOnEscape]="false" showEffect="fade" [style]="{width: '30%', height: '50%'}" (onHide)="closeAction()" >
  <p class="line-height-3 m-0">
    <cd-task></cd-task>
  </p>
</p-dialog>

Answer 1

我通过在日历中添加一个*ngIf="displayTask"来做一些小技巧来解决这个问题。