PrimeNg 内联日历在对话框中不起作用

Question

在对话框组件中使用时，primeng 日历（内联）组件似乎存在错误。这是解决方法的已知问题吗？

在左侧，日历在常规组件中实例化。在右侧，日历在 <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" 来解决这个问题。

PrimeNg 内联日历在对话框中不起作用

PrimeNg Inline Calendar not working in Dialog

html

primeng

angular