是否可以将角CDKDROPLIST连接到CDKDRAGBOUNDARY？

Question

我目前正在使用Angular CDK Drow功能，我想将元素从CDKDROPLIST移动到CDKDRAGBOUNDARY，因此我需要将它们连接起来。为了更好地解释这一点，想象一下Div侧面的拖放列表，我希望列表中的元素成为DIV中的免费拖放元素，但是这似乎不适用于CDKDROPLIST和CDKDRAGBOUNDARY，并且不适用于我测试过的两个CDKDROPLIST。如果有人知道如何处理，请告诉我，即使它是解决方案，而没有下降列表或下降界限。

<div cdkDropList 
     #mapList="cdkDropList"  
     [cdkDropListConnectedTo]="[labelsList]" 
     class="map-container">
   <div id="map"></div>
</div>
<div class="answers-container">
   <div class="answers-title"><span>Labels</span></div>
   <div cdkDropList 
        #labelsList="cdkDropList" 
        [cdkDropListConnectedTo]="[mapList]" 
        class="answers-labels">
     <div cdkDrag 
          cdkDragBoundary=".map-container" 
          id="answer.id" class="answers-labels-box"  
          [ngStyle]="{'background-color':answer.color }"
          *ngFor="let answer of answers">
         <span cdkDragHandle class="grab"><i class="pi pi-times"></i></span>
         {{answer.text}}
     </div>
   </div>
</div>

Answer 1

我不确定我了解您的问题，但是要限制列表中的CDKDRAG您会做的：

  <div cdkDropList #mapList> 
     <div cdkDrag [cdkDragBoundary]="mapList">drag me</div>
  </div>