html - 如何根据对话框内容中使用的下拉组件调整 angular-material2 的 md-dialog-container 的大小

Question

我正在使用 Angular Material2's dialog成分。在对话框中，我正在使用输入字段和 angular2-dropdown-multiselect .

现在，当我打开下拉菜单时，它会将滚动条添加到对话框中。

我想让对话框自动调整大小，而不是在我打开多选下拉菜单时提供滚动条。

我试过给对话框提供 max-height 属性，但没有用 :(

Answer 1

将点击事件添加到您的搜索元素:

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

在 Controller 中:

autoScroll(event): void {
  let parent = document.getElementById("ng2Dialog");
  parent.scroll(0, event.target.getBoundingClientRect().top);
}

您可以使用 Angular Material2 的对话框更改父对象。