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

Question

我正在使用 Angular Material 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 中有一些 slider 导致拖放功能出现问题。

感谢您的宝贵时间。

Answer 1

对于希望这样做的人，拖放提供了一个指令。在子 div 上使用 [cdkDragHandle] 创建一个 block 来处理父元素的拖动。