如何像Angular Kendo panelbar一样对可拖动数组进行模板化？

Question

我正尝试将下面的代码放入kendo panelbar组件中，但是当我这样做时，这些条不再可以分别拖动：

<div class="fields" *ngFor="let item of fieldModels">
        <div class="sidenav" [dndDraggable]="item"
        [dndEffectAllowed]="'copy'" 
        (dndEnd)="onDragEnd($event)">
          <i [ngClass]="item.icon" class="fa pull-left"></i>
          <h5>{{item.label}}</h5>
        </div>
      </div>
    </div>

这是我尝试过的：

<kendo-panelbar class="fields" [items]="fieldModels" [dndDraggable]="fieldModels"
    [dndEffectAllowed]="'copy'" 
    (dndEnd)="onDragEnd($event)">     
         <ng-template kendoPanelBarItemTemplate let-dataItem> 
           {{dataItem}}
          </ng-template>
    </kendo-panelbar>  

，然后一次拖动包含所有项目的整个栏。有人知道如何解决这个问题吗？