angular - PrimeNG 日历错误 - 未定义 JQuery

Question

我想在我的应用程序中使用PrimeNG 日历。当我运行代码时，我收到错误：

ReferenceError：未定义 jQuery。

其他 PrimeNG 指令工作正常。如果我删除<p-calendar>错误消失。

我已在我的应用程序中导入并包含日历。顺便说一句，我使用的是最新版本的 angular、router 和 forms。在此之前，我遇到了这个问题并通过更新表单提供程序来修复它。

 <p-calendar [(ngModel)]="date"></p-calendar> 

堆栈跟踪摘录：

ReferenceError：在DebugAppView._View_AddShipmentComponent0.detectChangesInternal (AddShipmentComponent.template.js :930:59) 在 DebugAppView.AppView.detectChanges (eval at ( http://localhost:8080/js/vendor.js:716:2 ), :243:14) at DebugAppView.detectChanges (eval at ( http:// /localhost:8080/js/vendor.js:716:2 ), :348:44)

Answer 1

您需要添加依赖项：

<!-- Datetimepicker, Slider, Schedule -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.min.js"></script>

Answer 2

您也可以仅添加以下内容：

<script src="node_modules/primeui/primeui-ng-all.min.js"></script>

或者，如果您像我一样使用 angular-cli，您可以npm i primeui将其添加到您的angular-cli.json：

"scripts": ["../node_modules/primeui/primeui-ng-all.min.js"]

更新

在beta.19JQuery 的依赖已经被移除。

参考：http ://blog.primefaces.org/?p=4149