web-dev-qa-db-ja.com

Angular Material2とPrimeNGを同じプロジェクトで使用する

現在エンタープライズに取り組んでいますAngularアプリケーション。使用する正しいコンポーネントライブラリについて考えています。2つのオプションが見つかりました。

1- Angular Material2

2- PrimeNG

Angularマテリアルには、約35個の高品質コンポーネントが付属しています。 PrimeNgには、約87の異なるコンポーネントが付属しています。 Googleの基準に準拠したMaterial2のデザインとスタイルが好きです。私はそれを好みますが、後で利用できないより高度なコンポーネントが必要になります。私の質問は、Material2とPrimeNgの両方を同時に使用することは良い考えですか?または、これによりオーバーヘッド、競合が発生し、アプリケーションの速度が低下しますか? PrimeNgだけに固執する必要がありますか?

8
Husam Zidan

最近のプロジェクトではAngular MaterialとPrimeNgの両方を使用しました。どちらか一方のみを使用することをお勧めします(Angular MaterialまたはPrimeNg)

PrimeNgには強力なコンポーネントがたくさんあります。 ControlValueAccessorを実装しているため、これらのコンポーネントのうち、Reactive Forms Friendlyがいくつあるかが本当に気に入りました。さらに、Angular PrimeNgにはない素材にはコンポーネントがほとんどありません。

ただし、両方を使用する場合、おそらくいくつかのスタイル設定の問題が発生します。それらの一部はz-indexに関連しています。 Angular Materialに組み込まれているいくつかのカードグリッドがあるものに直面しましたが、使用したカレンダーはPrimeNgからのものでした。Angular Materialを使用してハックを入れなければなりませんでしたそれを動作させるためにフレックス。

そのうちの1つだけを使用する利点は次のとおりです。

  1. 管理する必要がある競合するスタイルはありません。
  2. バンドルサイズはこれより小さくなります。このサイズのギャップは重要ではない場合があります。
  3. UIとUXはアプリ全体で一貫しています。

したがって、可能であれば、1つだけを使用してください。

PS:これは私の個人的な意見です。

12
SiddAjmera