Angular2 NG2-Dragula拖n個墨滴選項

Question

我工作的Angular2和NG2-Dragula

我也是用引導3.

下面是HTML和構造函數代碼：

HTML：

<div class="container"> 
    <div class="row"> 

     <div class="col-md-4" [dragula]='"sortable"'> 
      <div class="box">1 Moving items between containers works as usual</div> 
     </div> 
     <div class="col-md-4" [dragula]='"sortable"'> 
      <div class="box">2 Moving items between containers works as usual</div> 
     </div> 
     <div class="col-md-4" [dragula]='"sortable"'> 
      <div class="box">3 Moving items between containers works as usual</div> 
     </div> 

    </div> 
</div> 

構造：

constructor(private dragulaService: DragulaService) { 
    dragulaService.setOptions('sortable', { 
    revertOnSpill: false 
    }); 
    } 

目前它只是整理/移動橫向，但是當我需要的是它可以被移動任何方向。

這是不是因爲構造函數代碼錯誤或HTML？我怎樣才能解決這個問題？

Answer 1

的HTML就改成這樣：

<div class="container"> 
    <div class="row" [dragula]='"sortable"'> 

     <div class="col-md-4"> 
      <div class="box">1 Moving items between containers works as usual</div> 
     </div> 
     <div class="col-md-4"> 
      <div class="box">2 Moving items between containers works as usual</div> 
     </div> 
     <div class="col-md-4"> 
      <div class="box">3 Moving items between containers works as usual</div> 
     </div> 

    </div> 
</div> 

添加了[dragula] = ' 「排序」' 到div類= 「行」