小编Pra*_*jan的帖子

我正在使用 ng2-dragula 进行拖放功能。当我在末尾拖放第一个元素（或任何元素），然后尝试使用 addNewItem 按钮将新项目添加到数组时，我看到问题，新项目没有添加到末尾。如果我不将元素拖到最后，新项目将添加到 UI 的末尾。我希望在任何情况下新项目都显示在底部。任何帮助表示赞赏。这个问题在 Angular 7 中无法重现。我发现 Angular 9 中也出现了这种情况

JS

export class SampleComponent {

  items = ['Candlestick','Dagger','Revolver','Rope','Pipe','Wrench'];
  constructor(private dragulaService: DragulaService) { 
    dragulaService.createGroup("bag-items", {
      removeOnSpill: false
    });
  }

  public addNewItem() {
    this.items.push('New Item');
  }
}

超文本标记语言

<div class="container" [dragula]='"bag-items"' [(dragulaModel)]='items'>
    <div *ngFor="let item of items">{{ item }}</div> 
</div>

<button id="addNewItem" (click)="addNewItem()">添加新项目

我从评论中编辑了 stackblitz，以帮助可视化问题。当一个单位被拖到列表底部时，这似乎会被触发。更新了 stackblitz ：https://stackblitz.com/edit/ng2-dragula-base-ykm8fz ?file=src/app/app.component.html ItemsAddedOutOfOrder