在大多数情况下,PrimeNG FilterTable中的日期弹出窗口会被其他元素覆盖或隐藏。幸运的是,这里有一个Angular和PrimeNG集成的解决方案。该解决方案需要两个步骤:
第一步,安装依赖:
npm install primeng
npm install primeicons
npm install @angular/animations
npm install @angular/cdk
第二步,在目标组件中导入必要的 modules:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';
import { TableModule } from 'primeng/table';
import { CalendarModule } from 'primeng/calendar';
@NgModule({
imports: [
CommonModule,
FormsModule,
BrowserAnimationsModule,
HttpClientModule,
TableModule,
CalendarModule,
],
exports: [
CommonModule,
FormsModule,
BrowserAnimationsModule,
HttpClientModule,
TableModule,
CalendarModule,
],
})
export class MyModule {}
在此之后,您应该可以在更新后的应用程序中看到解决方法的效果。