是否可以向Angular Material Components（底部材料/对话框/小吃条）添加指令？

Question

我想使应用程序在左侧，右侧和底部带有sidenav，必须使用Angular Material组件库（https://material.angular.io/），并与angular-resizeable-element一起使所有组件都可调整大小。这对于左侧和右侧sidenav来说是完美的工作方式，因为我可以使用物料sidenav组件并将简单的mwlResizeable指令添加到HTML中。如下所示，它正在按预期方式工作。

<mat-sidenav mwlResizable 
             [enableGhostResize]="true"
             [resizeEdges]="{bottom: false, right: false, top: false, left: true}"
             (resizeEnd)="onResizeEnd($event)" 
             position="end" 
             #right>
</mat-sidenav>

对于底部导航面板，由于位置原因，我找到了Angular Material底片组件。

我的问题是底纸，它被称为模态/弹出窗口，如下所示：

let dialogRef = dialog.open(DemoComponent, {
  width: '100vw'
});

这将完全打开我的底部页面，并在底部页面中带有DemoComponent。我想知道是否有人可以将指令添加到打开的弹出窗口中，以便我可以使它（在这种情况下）可调整大小：）。

谢谢。

Answer 1

这有点违反我的原则，但由于时间不足，我制作了一个默认组件，该组件始终位于底页内部，因此在该组件中制作了可调整大小的句柄并将其放在顶部。然后，在自定义事件中修改工作表的高度。哈克，但有效;）。如果有人也对此绊脚石。