角度：角度可调整大小元素适用于多个div

Question

我无法使用angular-resizable-element包来调整2个或更多div元素的大小。

根据their example，它对于单个div元素可以正常工作，但在使用多个div时效果不佳。如果我调整其他div中的任何一个的大小，它将消失。

我找不到有关它的任何文档，您有任何解决方案吗？

<div class="text-center">
  <h1>Drag and pull the edges of the rectangle</h1>
  <div
    class="rectangle"
    [ngStyle]="style"
    mwlResizable

    [resizeEdges]="{ right: true, left: true}"
    [enableGhostResize]="true"
    (resizeEnd)="onResizeEnd($event)">
    <img
      src="http://i.imgur.com/eqzz2dl.gif"
      class="resize-handle"
      mwlResizeHandle
      [resizeEdges]="{right: true}">
  </div>
  <div
    class="rectangle"
    [ngStyle]="style"
    mwlResizable
    [validateResize]="validate"
    [resizeEdges]="{ right: true, left: true}"
    [enableGhostResize]="true"
    (resizeEnd)="onResizeEnd($event)">
    <img
      src="http://i.imgur.com/eqzz2dl.gif"
      class="resize-handle"
      mwlResizeHandle
      [resizeEdges]="{right: true}">
  </div>
</div>