代码之家 › 专栏 › 技术社区 › Ray

PrimeNG日历发布

angular-standalone-components primeng calendar angular

Ray · 技术社区 · 2 年前

我对PrimenNG有问题,请看看这个,并试着给我一些建议,谢谢! 我的ts文件:

import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CalendarModule } from 'primeng/calendar';

@Component({
  selector: 'app-text-field',
  standalone: true,
  imports: [CommonModule,CalendarModule],
  templateUrl: './text-field.component.html',
  styleUrl: './text-field.component.css'
})
export class TextFieldComponent {

}

Html文件:

<p-calendar></p-calendar>

程序包文件:

 "dependencies": {
    "@angular/animations": "^17.0.0",
    "@angular/common": "^17.0.0",
    "@angular/compiler": "^17.0.0",
    "@angular/core": "^17.0.0",
    "@angular/forms": "^17.0.0",
    "@angular/platform-browser": "^17.0.0",
    "@angular/platform-browser-dynamic": "^17.0.0",
    "@angular/router": "^17.0.0",
    "primeng": "^17.3.3",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.14.2"
  },

当页面运行时,日历不起作用,它显示以下错误:

ERROR Error: NG05105: Unexpected synthetic listener @overlayAnimation.start found. Please make sure that:
  - Either `BrowserAnimationsModule` or `NoopAnimationsModule` are imported in your application.
  - There is corresponding configuration for the animation named `@overlayAnimation.start` defined in the `animations` field of the `@Component` decorator (see https://angular.io/api/core/Component#animations).
    at checkNoSyntheticProp (platform-browser.mjs:762:11)
    at NoneEncapsulationDomRenderer.listen (platform-browser.mjs:726:86)
    at listenerInternal (core.mjs:24549:40)
    at ÉµÉµlistener (core.mjs:24430:5)
    at Calendar_div_3_Template (primeng-calendar.mjs:1287:8)
    at executeTemplate (core.mjs:12154:9)
    at renderView (core.mjs:15272:13)
    at createAndRenderEmbeddedLView (core.mjs:19737:5)
    at TemplateRef2.createEmbeddedViewImpl (core.mjs:28018:31)
    at ViewContainerRef2.createEmbeddedView (core.mjs:19901:37)

我该如何解决这个问题?谢谢

1 回复 | 直到 2 年前

Naren Murali 2 年前

请确保您已添加 provideAnimations 在bootstrapApplication的环境提供程序阵列中!

import { provideAnimations } from '@angular/platform-browser/animations';
...
bootstrapApplication(App, {
  providers: [
    ...
    provideAnimations(),
    ...
  ]
});

我们也不应该在角应用程序的任何地方都有浏览器动画模块!

推荐文章

nirvi · 如何在日历javascript中禁用以前的日期?

8 年前

Sreekanth Reddy · 无法绑定到“pickerType”,因为它不是“owl date time”的已知属性

8 年前

Bridger Burt · 有没有更好的方法来消除日历日期?

8 年前

Tobias Glaus · jQuery。on()单击函数不工作

8 年前

aboodmufti · 日历使用时,nextDate()的行为非常奇怪。向后指示方向。仅限当月最后一天

8 年前

meshachviktor · 如何使用日历[]数组在wdullaer材质日期时间选取器的setDisabledDays(日历[]天)中设置要禁用的天数

8 年前

Maheskumar Subramani · 转换日期格式时发生崩溃

8 年前

jesstme · 将共享Outlook日历导出到Excel

8 年前

Todd · 我使用的是android times square,但它不允许我调用clearSelectedDates()方法

8 年前

Alex Sim · 使用“YYYY”的日期

8 年前