Question

我有一个用于路由URL的输入组件，它将打开另一个组件作为Mat对话框。现在，当我拖动对话框时，它会不受限制地被拖出。

我尝试设置cdkDragBoundary = "dialog-container"。但是当拖动到达边界时，拖动停止了

<div class="dialog-container">
  <mat-toolbar cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragBoundary="????" cdkDragHandle [cdkDragDisabled]="_dialogData.isMaximized" class="custom-toolbar" fxLayoutAlign="start baseline">
   </mat-toolbar>
</div>

如何设置Mat对话框的cdkDragBoundary，这是另一个组件，以使其不会越过输入组件的宽度和高度。

Answer 1

因此，我派生了您的示例，并将边界更改为父级div的.parent-boundary，据我所知，拖动正确地限制在该div上。 https://stackblitz.com/edit/angular-wmvtan-umppfj 也许我不明白你有什么问题？

如何将Mat对话框的cdkDragBoundary设置为一类触发组件

1 个答案: