角型2のDragulaを使用して特定のdiv要素をドラッグできないようにするには

Question

私はng2-dragulaを自分のプロジェクトに正常に統合できましたが、まだdivsを作る方法を見つけることができませんnon draggable。

私はcssとdivのためにhtmls draggable="false"を使用しようとしましたが、成功しませんでした。私が置いているように、dragulaはその指示を後で挿入してすべてを無効にします。たぶん私は間違っています...

誰でもこれを達成する方法を知っていますか？例えば

：

<div [dragula]="'group'"> 
    <div>1</div> 
    <div>2</div> 
    <div [dragula]="'group'"> 
     <div>3</div> 
     <div class="donotdrag">4</div> 
     <div>5</div> 
    </div> 
</div> 

がどのように私はクラスdonotdrag非ドラッグ可能でdivを作ることができますか？

Answer 1

これを行うには、invalidオプションを使用できます。

コンポーネントのコンストラクタで dragulaService.setOptions等を介して

ただ、設定オプション：！ `` `のようなel.classList.contains（ 'donotdrag'）の

dragulaService.setOptions('group', { 
    invalid: (el, handle) => el.classList.contains('donotdrag') 
}); 

Demo plunker