Dragable и изменяемый размер div с angular

Question

Я пытаюсь создать изменяемые размеры контейнеров div, а также их можно перетаскивать.

Я использовал Angular материал Drag and Drop и angular изменяемый размер элемента

Вот обходной путь https://stackblitz.com/edit/angular-syurbs?embed=1&file=src / polyfills.ts

Но когда я применяю оба, я могу перетащить, но не могу изменить размер.

https://stackblitz.com/edit/angular-41rqyo?file=src%2Fapp%2Fapp.component.html

Как мне достичь обоих в одном?

Answer 1

Использование cdkDragHandle директивы на значке или кнопке <button cdkDragHandle>Drag Icon</button>

См. Все API здесь https://material.angular.io/cdk/drag-drop/api

Пример: https://stackblitz.com/angular/jamgbjgmynoq