ng2-Dragula動畫和樣式無法正確導入

Question

我已經設置了Dragula，並且大多數情況下都按預期工作，但是樣式和動畫與示例頁面上的內容不匹配。 在演示頁面上，當您開始拖動某個項目時，鼠標將移動該項目的半透明副本，直到您釋放它為止。 當我單擊並拖動一個項目時，沒有半透明的副本，它不會移動，直到我將其釋放到新位置時，它才會按預期移動。

我已經看到了關於此問題的一些討論（ 此處和此處 ），並經過仔細檢查以將css包括在我的索引頁和angular-cli.json頁中（也嘗試一次並且一次都沒有作用）。 任何指針將不勝感激！

CSS：

 <link rel="stylesheet" type="text/html" href="node_modules/dragula/dist/dragula.css">

angular-cli.json

"styles": [
        "styles.scss",
        "./node_modules/dragula/dist/dragula.css",
      ],

的HTML：

<div [dragula]='"first-bag"' fxLayout="row wrap" fxLayoutAlign="center center" class="full-width equipped-bag">
</div>

 <div 
     fxLayout="row wrap" 
     fxLayoutAlign="center center" 
     [dragula]='"first-bag"'>
        <mat-card *ngFor="let item of itemArray">
            {{ item.name }}
        </mat-card>
</div> 

Answer 1

像這樣，嘗試在輔助卡片之前使用中間div。

<div [dragula]="'first-bag'">
  <div *ngFor="let item of itemArray">
    <mat-card>{{item.name}}</mat-card>
  </div>
</div>