使用Angular2 webpack的Primeng計劃

我打算在基於Angular2 webpack啓動器（https://github.com/AngularClass/angular2-webpack-starter）的項目中使用Primeng計劃（http://www.primefaces.org/primeng/#/schedule）。使用Angular2 webpack的Primeng計劃

由於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時間表沒有在網頁渲染，即使<p-schedule></p-schedule>標籤實際上在那裏。我錯過了什麼？

來源

2016-05-25 Bing Lu

沒關係。原來是我的錯誤。將「Schedule」添加到相應組件的指令字段後，它會出現。並且，將'{node_modules/fullcalendar/dist/fullcalendar.min.css'， '：assets/fullcalendar/dist/fullcalendar.min.css' }中的'{ }'添加到'CopyWebpackPlugin'應用css。 –

嘿，你介意與我分享你的應用程序的一些重要部分即時通訊也試圖得到一個webpack角2種子工作的時間表，但對於我的生活，我無法得到它的工作。只是與ngprime和計劃組件相關的部分？非常感謝 – 3uPh0riC

您需要修改角cli.json，這些添加到角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" 
      ],

來源

2017-07-28 12:59:39 Manzurul

使用Angular2 webpack的Primeng計劃

回答

相關問題