[draggable]组件如何在angular2中工作

Question

我是角度2框架的新手，并且随心所欲地将[draggable]添加到我的<li>元素中，它几乎按预期工作。我想知道这是从哪里产生的。此外，我希望每个<li>元素彼此独立移动。目前他们都拖着一起。对此有何解决方案？

import { Component } from '@angular/core';


@Component({
  selector: 'test-test',
  template: `
  <li
  style="user-select: none; list-style-type:none"
  *ngFor="let letter of list"
  [draggable]>
      {{letter}}
  </li> `,

})
export class Test {

  constructor(
  ) {}

  private list = ['a', 'b', 'c',]


}