ngx-dragula:从playerList开始构建十一

时间:2018-09-01 21:29:15

标签: ng2-dragula angular-dragula

我想从分配给球队的球员名单中添加前十一名和换人名单。我想将球员拖放到场上和球队替补席上的不同位置。我的html简化了-仅用于playerList及其替换:

b

还有我的compent.ts:

  <div fxLayout="row wrap">
    <div *ngFor="let number of numbers"
         fxFlex="50"
         [dragula]="playerList"
         [ngClass]="'substitute ' + number">       
      <match-player [ngClass]="'substitute ' + number"></match-player>
    </div>
  </div>

  <div fxLayout="row wrap" 
       [dragula]="playerList">
    <match-player *ngFor="let member of assignedTeamPlayers"
                  [member]="member">
    </match-player>
  </div>

我可以拖动一个球员并将其移至替补席上。当长凳位置悬停时,该类将被添加(边框:2px #cecece虚线)。当我将播放器放到该位置时,播放器已正确设置到该位置。

不起作用的原因:当我不将播放器放到长凳上的那个位置时,该位置不再可见(因为container.innerHTML ='';;)...但是我该如何重置默认吗?

0 个答案:

没有答案