2017-03-10 3 views
0

私はAngular Material2's dialogコンポーネントを使用しています。ダイアログの中で、入力フィールドとangular2-dropdown-multiselectを使用しています。ダイアログコンテンツに使用されるドロップダウンコンポーネントに基づいて、角度素材2のmd-dialog-containerのサイズを変更するには

ここでドロップダウンを開くと、ダイアログボックスにスクロールバーが追加されます。

enter image description here

私は、ダイアログではなく、私は複数選択ドロップダウンを開いた場合、スクロールバーを提供するよりも、自動的にリサイズする必要があります取得したいです。

私は、ダイアログボックスにMAX-heightプロパティを与えるが、あなたの検索要素にクリックイベントを追加:(

答えて

0

を働いていない試してみました:

autoScroll(event): void { 
    let parent = document.getElementById("ng2Dialog"); 
    parent.scroll(0, event.target.getBoundingClientRect().top); 
} 
:コントローラで

<div class="form-group" (click)="autoScroll($event)"> 
    <ss-multiselect-dropdown></ss-multiselect-dropdown> 
</div> 

角材2のダイアログで親を変更することができます

+0

検索は個別要素ではありません。私はその部分を変更することはできません –

+0

"ss-multiselect-dropdow"要素のクリックイベントをテストしますか?またはこのイベント(ngModelChange)= "autoScroll($ event)"をチェックしますか? – Andrew

+0

clickイベントで試したが、何も起こらなかった –

関連する問題