将可拖动 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 中有一些滑块导致拖放功能出现问题。

谢谢你的时间。

Answer 1

对于想要做同样事情的人来说，拖放提供了一个指令。在子 div 上使用 [cdkDragHandle] 创建一个块来处理父元素的拖动。