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

Question

我正在使用Angular Material2 的对话框组件。在对话框中，我使用输入字段和angular2-dropdown-multiselect。

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

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

我尝试将 max-height 属性赋予对话框，但不起作用:(

Answer 1

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

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

在控制器中：

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

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