0

使用 Angular CLI,我试图在我的 Angular 2 应用程序中加载 JQuery-UI(用于 PrimeNG 的 Datepicker)。但是,SystemJS 似乎没有加载 JQuery-UI 库。

构建后,JQuery-UI 库成功存储在 /dist 目录中: 在此处输入图像描述

由于以下 Angular-cli-build.js 配置:

'jquery-ui-dist/external/jquery/*',
'jquery-ui-dist/jquery-ui.min.js'

我在 system-config.ts 中尝试了以下配置,但在运行时网络流量并不表示请求了库,并且 datapicker 表示未定义 jQuery。

系统配置#1:(类似于使用 angular-cli 安装的 3rd 方 jquery-ui

const map: any = {
'jquery':'vendor/jquery-ui-dist/external/jquery/jquery.js',
'jquery-ui':'vendor/jquery-ui-dist/jquery-ui.min.js'
};

SystemJS 配置 #2:

const map: any = {  
'jquery':'vendor/jquery-ui-dist/external',
'jquery-ui':'vendor/jquery-ui-dist/'
};

const packages: any = {
'jquery':{ defaultExtension : 'js'},
'jquery-ui':{ defaultExtension : 'js', main:'jquery-ui.min.js'}
};    

关于如何通过 SystemJS 加载 JQuery-UI 的任何建议?

4

1 回答 1

-1

你可以试试这个: script regular expression in angular

然后在你的 system-config.ts 中: system-config.ts

如果你想使用 /primeng/#/calendar 让我知道,因为你也需要加载 'jquery-ui-timepicker-addon' :)

于 2016-09-01T11:15:46.813 回答