打开后将mdDialog设置为不调整大小以适合内容

Question

我有一个带有搜索栏的材料设计$ mdDialog。当搜索结果较小（字符较少）时，对话框会缩小以适应宽度。有没有办法设置宽度在init上保持固定？

Answer 1

您可以使用HostBinding

假设您的对话框本身就是一个组件。

您可以在组件中添加属性，如下所示

@HostBinding('class.fix-width')
public fixWidth: boolean = false;

在init中将此属性设置为true。

在css中使用上面的类添加你的固定宽度，有点像这样

:host {

    &.fix-width {
        width: 100px;
    }
}

这会在渲染对话框时修复宽度。 您可以通过在需要时将属性设置回false来删除该类。