Angular-CLI import primeng

Question

私はangle2プロジェクトでprimengを動かそうとしていますが、まだ動作させていません。

1. がインストール：npm install primeng --save
2. 追加されたテンプレートに追加index.html
3. に import {DialogModule} from 'primeng/primeng'; @NgModule({... imports: [DialogModule, ...]});
4. 追加されたスタイルシートモジュール： <p-dialog header="Test" [(visible)]="display"> Content </p-dialog> 注：成分でdisplay: boolean = false
を取ら

ステップ

ビルドエラーやランタイムエラーは発生しません。display = trueというボタンをクリックすると何も起こりません。

私の研究では、webpackとsystem.jsを参考にして、マップする必要があります。私はこれらのファイルを見つけることができませんので、私はそれが私に当てはまるかわかりません。

編集： angular-cli@1.0.0-beta.19-3

Answer 1

取るべき

手順index.htmlangular-cli.jsonにファイルから

• は、Shiftキーprimengの​​すべてのCSSファイルを、あなたを助けるかもしれません。

• ....この

  "styles": [ 
      "../node_modules/font-awesome/css/font-awesome.css", 
      "../node_modules/primeui/primeui-ng-all.min.css" 
      .... 
      ], 
  

  のような結合の保証人のためのhtmlであなたの変数displayを印刷しても、単にこの

  <p-dialog header="Test" [(visible)]="true">.... 
  

Answer 2

あなたは（コンポーネントにそれが見えるようにする）にも輸出にそれを追加する必要があります。

@NgModule({ 
    imports: [ DialogModule], 
    exports: [ DialogModule ] 
}) 

Answer 3

のように、デフォルトでtrueモーダルを設定してみてください正しいモジュールを使用するモジュールをインポートするだけです。

あなたのcli.jsonは次のようになります。それは単なる例です。あなたが（それは私がそれを修正し、pimengた）ypurタイトルにprimengまだ質問をタグ付け状態なぜ

"styles": [ 
    "../node_modules/font-awesome/css/font-awesome.min.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "assets/layout/css/layout.css", 
    "../node_modules/primeng/resources/primeng.min.css", 
    "../node_modules/fullcalendar/dist/fullcalendar.min.css", 
    "../node_modules/quill/dist/quill.snow.css", 
    "../node_modules/nanoscroller/bin/css/nanoscroller.css", 
    "../node_modules/animate.css/animate.css", 
    "styles.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/chart.js/dist/Chart.js", 
    "../node_modules/moment/moment.js", 
    "../node_modules/fullcalendar/dist/fullcalendar.js", 
    "../node_modules/quill/dist/quill.js", 
    ],