Angular 将可拖动div的一部分设置为不可拖动

Angular 将可拖动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

我使用的是角度材质CDK,特别是拖放功能, 我想知道是否有办法将其中一个子div设置为不可拖动,同时仍然允许拖动父div

    <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部分有滑块,这会导致拖放出现问题。