要实现Angular Material UI中的拖动手柄倒置,可以使用以下步骤来解决:
npm install @angular/material @angular/cdk
app.module.ts
文件中,添加以下导入语句:import { DragDropModule } from '@angular/cdk/drag-drop';
import { MatIconModule } from '@angular/material/icon';
imports
数组中:imports: [
// ...
DragDropModule,
MatIconModule
]
cdkDragHandle
指令来标记你想要倒置的拖动手柄。例如:
drag_handle
styles.css
)中,添加以下CSS代码:.cdk-drag-handle {
transform: rotate(180deg);
}
这将通过将拖动手柄旋转180度来实现倒置。
现在,当你在拖动元素时,拖动手柄将会倒置。