대화 상자 내용에 사용 된 드롭 다운 구성 요소를 기반으로 한 각 재료 2의 md-dialog-container 크기를 조정하는 방법

Question

구성 요소를 Angular Material2's dialog으로 사용하고 있습니다. 대화 상자에서 입력 필드와 angular2-dropdown-multiselect을 사용하고 있습니다.

이제 드롭 다운을 열면 스크롤바가 대화 상자에 추가됩니다.

은 내가 다중 선택 드롭 다운을 열 경우 스크롤 막대를 제공하는 대신 자동으로 오히려 크기를 조정해야 대화를하고 싶지.

내가 대화 상자에 최대 높이 속성을 제공하지만, 검색 요소에 클릭 이벤트를 추가 :(

Answer 1

를 작동하지 않는 시도 :

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> 

Angular Material2의 대화 상자를 사용하여 부모를 바꿀 수 있습니다