2017-12-20 13 views
0

私の2番のプロジェクトでポップアップを実装する際にいくつか問題があります。 1つのページには10種類のアクションを配置する必要があります。クリックするとポップアップが表示され、さらに詳しい情報や簡単な確認ができます。問題は、少なくとも5種類のポップアップがあることです(日付ピッカー、ドロップダウンメニュー、複数のドロップダウンメニューなどあります)。私はさまざまなコンポーネントを実装する必要があると思います。ポップアップ)といくつかのダイアログサービス。どのように角度2の良いプラクティスでこれを行う方法を知っていますか?角2、異なるポップアップのタイプ

+0

https://material.angular.io/components/dialog/overviewでは、オーバーレイコンテナに異なるコンポーネントを表示することができます –

+1

もう1つのアプローチは、ヘッダー、ボディー、フッターのような一般的なオーバーレイデザインをカスタマイズフラグと実装をng-contentを使用して親コンポーネントに任せてください – RRForUI

+0

@RRForUIええ、私はそれがこの問題で最も良い解決策だと思います。 –

答えて

-1

PrimeNGはビジネスが複雑であれば部品実装の異なる5種類を好むでしょうp-dialogオーバーレイコンポーネント

<p-dialog header="Title" [(visible)]="display"> 
    Content 
</p-dialog> 

を持っています。 Contentセクションの代わりにセレクタを使用します。p-dialog

希望どおりに動作します。

+0

私はプライム・ニア・アプローチを個人的には好まない –

関連する問題