使用Angular2 webpack的Primeng计划
我将在基于Angular2 webpack starter( https://github.com/AngularClass/angular2-webpack-starter )的项目中使用Primeng schedule( http://www.primefaces.org/primeng/#/schedule ) 。
由于Primeng计划依赖于fullcalendar.js
这是一个jQuery插件,我尝试通过webpack加载fullcalendar
和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时间表也不会在网页中呈现。 我错过了什么?
您需要修改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" ],