无法将元素从选项卡组内拖放到另一个选项卡上

Question

我正在使用一个标签组来显示一堆数据。每个选项卡均包含可拖动元素的集合。我试图允许将标签放到无效的标签上，但遇到了困难。尽管标签被赋予了“可放置”属性，但它们似乎并未注册为可放置区域。

<mat-tab-group style="height:600px;">
    <mat-tab *ngFor="let tech of selectedTerritory?.Technicians">
      <ng-template mat-tab-label droppable
        [dropScope]="isDropAllowed"
        [dragOverClass]="'drag-target-border'"
        (onDrop)="onServiceCallForwarded($event, tech.Id)">
          {{tech.Name}}
      </ng-template>
...
</mat-tab-group>

这根本不可能吗？如果有可能，我想念什么？

谢谢。

Answer 1

啊哈！我整理了一下。 我需要在ng-template里面添加一个包含droppable属性的div。