Je vais utiliser le calendrier Primeng ( http://www.primefaces.org/primeng/#/schedule ) dans un projet basé sur Angular2 Webpack Starter ( https://github.com/AngularClass/angular2-webpack-starter ). .
Comme Primeng Schedule dépend de fullcalendar.js
qui est un plugin jQuery, j’essaie de charger fullcalendar
et jQuery via Webpack. Je suis un exemple ici ( https://github.com/cagataycivici/angular2-webpack-starter ).
Dans package.json
, j’ai ajouté les parameters ci-dessous à "devDependencies"
"fullcalendar": "^2.7.2", "jquery": "^2.2.4", "jquery-ui": "^1.10.5",
et ajouté les parameters ci-dessous à vendor.js
import 'script!jquery/dist/jquery.min.js'; import 'script!moment/moment.js'; import 'script!fullcalendar/dist/fullcalendar.js';
Mais le problème est que la planification Primeng n’est pas rendue dans la page Web, même si la est réellement présente. Ai-je manqué quelque chose?
Vous devez modifier le fichier angular-cli.json et les append au fichier 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" ],