jquery - 使用 Angular2 webpack 的 Primeng 计划

Question

我将在基于 Angular2 webpack starter ( https://github.com/AngularClass/angular2-webpack-starter )的项目中使用 Primeng 时间表 ( http://www.primefaces.org/primeng/#/schedule ) .

由于 Primeng 的时间表取决于fullcalendar.js哪个是 jQuery 插件，所以我尝试fullcalendar通过 webpack 加载和 jQuery。我在这里遵循示例（https://github.com/cagataycivici/angular2-webpack-starter）。

在package.json中，我在下面添加了设置"devDependencies"

"fullcalendar": "^2.7.2",
"jquery": "^2.2.4",
"jquery-ui": "^1.10.5",

并在下面添加了设置vendor.js

import 'script!jquery/dist/jquery.min.js';
import 'script!moment/moment.js';
import 'script!fullcalendar/dist/fullcalendar.js';

但问题是，Primeng 时间表没有呈现在网页中，即使<p-schedule></p-schedule>标签实际上存在。我错过了什么？

Answer 1

您需要修改angular-cli.json，将这些添加到angular-cli.json文件中

"styles"           : [
                "../node_modules/fullcalendar/dist/fullcalendar.min.css",
                "../node_modules/primeng/resources/primeng.min.css",
                "../node_modules/primeng/resources/themes/omega/theme.css"
            ],
            "scripts"          : [
                "../node_modules/jquery/dist/jquery.js",
                "../node_modules/moment/min/moment.min.js",
                "../node_modules/fullcalendar/dist/fullcalendar.js"
            ],