PrimeNgを使ったAngular CLI

Question

私はprimeNg UIフレームワークを使用しようとしていますが、まったく動作していないようです。私は自分のウェブサイトのGETSTARTEDセクションに従っています。すべてがインストールされ、インポートされますが、それでも動作しません。 <button pButton type="button" class="ui-button-danger"></button>を試してみてくださいが、ボタンには何もしません。

Answer 1

私にも同様の問題があります。私のために働いたのは、パッケージのすべてのスタイルをプロジェクトスタイルファイルにコピーして使用することだけでした。

プロジェクトにcss/scssファイルを作成し、ファイルにprimeuiスタイルをコピーします。そのファイルを使用するより。

あなたはこれを行う

"yourProjectPath/node_modules/primeng/resources/primeng.min.css" 

Answer 2

下のスタイルを見つけることができます：

NPMがインストール：

npm install primeng --save 

は、プロジェクト .angular-cli.jsonファイルにprimengスタイルを追加します。

"styles": [ 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/primeng/resources/primeng.min.css" 
    ] 

アプリmodule.tsにButtonModuleを追加

app.module.ts

import {ButtonModule} from 'primeng/primeng'; 
@NgModule({ 
    imports: [ 
     ButtonModule 
    ] 
}) 

app.component.html

<button pButton type="button" label="Click"></button>