Angular 将可拖动div的一部分设置为不可拖动
我使用的是角度材质CDK,特别是拖放功能, 我想知道是否有办法将其中一个子div设置为不可拖动,同时仍然允许拖动父divAngular 将可拖动div的一部分设置为不可拖动,angular,drag-and-drop,Angular,Drag And Drop,我使用的是角度材质CDK,特别是拖放功能, 我想知道是否有办法将其中一个子div设置为不可拖动,同时仍然允许拖动父div <div cdkDropList (cdkDropListDropped)="drop($event)"> <div cdkDrag class="section" *ngFor="let section of sections"> <sectionComponent dynamically app
<div cdkDropList (cdkDropListDropped)="drop($event)">
<div cdkDrag class="section" *ngFor="let section of sections">
<sectionComponent dynamically appended trough a factory>
</div>
</div>
每个节组件都可以拖动到父cdkDropList中。
这是一个部分的结构
<div class="sectionContainer">
<div class="sectionParam">
</div>
<div class="sectionContent">
</div>
</div>
我想要的是能够拖动整个部分,但仅当拖动的原点来自sectionContent div时。我在paramSection中有一些滑块导致拖放功能出现问题
谢谢您的时间。是的,它存在一个ckddragdabled属性:
<div [cdkDragDisabled]="your_condition()">
你这里有文件
是,它存在一个ckddragdabled属性:
<div [cdkDragDisabled]="your_condition()">
你这里有文件
对于希望这样做的人,拖放提供一个指令。在子div上使用[cdkDragHandle]创建一个块,该块将处理父元素的拖动。对于希望执行相同操作的人,drag n drop提供一个指令。在子div上使用[cdkDragHandle]创建一个块,该块将处理父元素的拖动。您能给我们看一下您的代码吗,这样我们可以提供帮助吗?我添加了一些代码,希望能有所帮助:/you能给我们看一下您的代码,这样我们就可以提供帮助了吗?我添加了一些代码,希望有帮助:/在我的情况下,它不起作用,因为我不想禁用整个元素的拖动,而只是其中的一部分。我添加了一些代码来更好地解释它。我的draggable div的param部分有滑块,这会导致拖放出现问题。在我的情况下,它不起作用,因为我不想禁用整个元素的拖动,而只是其中的一部分。我添加了一些代码来更好地解释它。我的draggable div的param部分有滑块,这会导致拖放出现问题。