2017-10-11 8 views
1

「Omega」のPrime NGテーマを使用するときはどうすればいいですか...角度cli configのスタイルシートの正しい順序はどうですか?プライムngのドキュメントでリストである:Prime NGとAngular CLIを使用するときのスタイルアセットの正しい順番

<link rel="stylesheet" type="text/css" href="YOUR_PATH/font-awesome.min.css" /> 
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/omega/theme.css" /> 
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" /> 

、ほぼ右このドキュメントの下にスタイルの設定の下で、それが一覧表示されます:primengの​​基本CSSをオーバーライドするテーマがあるよう

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

は今、私は後者のシーイングに同意します最後にロードされる(カスケード)。しかし、彼らのテーマのデモサイトでソースを見ると、primengスタイルのテーマを読み込んでいるかのように見えます。

テーマを読み込んで基本プリムスタイルをロードするのは意味がありません。それで正しいのですか?

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

そして、この方法では、一点での角度CLIは(それを下から上にスタイルを巻いた場合に意味があります唯一の方法は次のとおり

さらに混乱は、私はリストにそれを持って首相NGの本ですもう少しresea後にそう現在)上から下にロール

https://www.primefaces.org/primeng/#/setup

https://www.primefaces.org/omega-ng/#/

+0

PrimeNg book –

+0

@ChauTranカスタムテーマを作成しましたか?オメガのテーマを使用するだけですか?あなたが上書きしているcssが動作していないことに気づいていましたか? – floor

答えて

1

rch私は順序が大事なことではないことを発見しました。しかし、あなたがprimeNG CSSスタイルをオーバーライドしようとしている場合、それは要因となります。私はフォントの素晴らしさに問題がないことに気づいていませんでしたが、良い尺度ではまず依存関係を置いていました。そして、良い対策のために、あなたのスタイルを注文する必要があります。

"styles": [ "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/primeng/resources/primeng.min.css", "../node_modules/primeng/resources/themes/omega/theme.css", //...rest of styles ],

あなたはprimeNGの基本スタイルの一部を上書きすると、順序が正しくない場合、それは混乱を作成することができたい場合は、あなたが知っていることはありませんので。

関連する問題