angular - 具 Angular 可拖动和可调整大小的 div

标签 angular angular-material resizable

我正在尝试创建可调整大小的 div 容器,而且它们是可拖动的。

我使用了 Angular Material 拖放和 angular resizable element

这是解决方法 https://stackblitz.com/edit/angular-syurbs?embed=1&file=src/polyfills.ts

但是当我应用两者时,我可以拖动但不能调整大小。

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

我怎样才能做到两者合一?

最佳答案

使用 cdkDragHandle图标或按钮上的指令 <button cdkDragHandle>Drag Icon</button>

在这里查看整个 API https://material.angular.io/cdk/drag-drop/api

示例:https://stackblitz.com/angular/jamgbjgmynoq

关于angular - 具 Angular 可拖动和可调整大小的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59998484/

相关文章:

angular - rxjs可观察的重用逻辑

javascript - @Output childEvent 未初始化

angular - 如何更改 Angular Material 2 CSS 导入顺序?

angular - 如何复制 'new Date()'格式?

jquery - 文本区域宽度自动调整大小

angular - 使用 RxJS 可观察对象在可观察对象返回后采取行动时, 'do' 和 'finally' 之间有什么区别?

node.js - 使用 Node 进行图像处理

angularjs - Angular Material 创建类似于 Bootstrap 警报的警报

javascript - 使用 jQueryUI 调整大小的句柄

JQuery 可调整大小可拖动位置绝对