問題タブ [primeng-dialog]

PrimeNG コンポーネントを使用する Angular2 アプリがあります。

ダイアログボックス内にドロップダウンが必要です。ただし、これを実装すると、下のスクリーンショットに示すように、ドロップダウンがダイアログ ボックスの制限によって切り取られます。私が望むのは、ダイアログの上に表示され、すべてのオプションが表示されるようにすることです。

これは小さなダイアログに過ぎず、空の未使用スペースがたくさんあるので、大きなダイアログを作成したくありません。

このための私のhtmlコードは次のとおりです。

誰かがこれについてアドバイスを提供できれば、それは大歓迎です。

私は PrimeNG ダイアログ コンポーネントを使用しており、ボタンをクリックすると別のモーダル ダイアログを表示したいモーダル ダイアログがあります。

ボタンに続くダイアログの内容しか表示されないため、2 番目のモーダル ダイアログは実際にはモーダルではありません。

2 番目のモーダル ダイアログの p-dialog の [appendTo] 属性を変更しましたが、正しく動作していないようです。

p-dialog でネストされたダイアログを開くにはどうすればよいですか?

angular 2 コンポーネントでのダイアログ:

最初のモーダル ダイアログ内のボタンをクリックすると、2 番目のダイアログが開きます。ネストされたダイアログの定義の下:

最初のダイアログを開くことはできますが、ボタンをクリックして 2 番目のダイアログを開くと、ダイアログの内容が通常の div のように表示されます。レンダリングされた html の下:

IFrame 内に Angular 4 アプリケーションを表示しています。PrimeNG コンポーネントを使用しており、状況の 1 つで、PrimeNG p ダイアログ ボックスを表示する必要があります。デフォルトでは、p-dialog ボックスは iframe の中央 (高さに関して) に表示され、トップ ウィンドウ (iframe コンテナー) の高さではありません。

p-dialog ウィンドウの高さを設定できる属性 positionTop を p-dialog で見つけ、ディレクティブを作成しました

オーバーレイ位置

以下のように p-dialog 要素で使用されます。

overLayPosition で、positionTop を設定したい

..

しかし、positionTop 属性は positiontop (小文字の t) になり、p-dialog は属性値で指定された高さを受け入れません。

属性ディレクティブから positionTop を設定する方法を教えてもらえますか?

ありがとう