Question

私はng2-dragula経由でドラッグ＆ドロップ&を使用しています。 ドラッグ&ドロップ機能がこのように適用されます。

<div class='container' [dragula]='"first-bag"'> 
    <div>item 1</div> 
    <div>item 2</div> 
</div> 

私は適切な角度2を理解していれば、[dragula]='"first-bag"'が私のdiv要素に取り付けられている。どのような方法がAttribute Directiveと呼ばれる角2

に今私は、変数を持っています私のコンポーネントではenableDragNDrop:booleanと呼ばれています。どのように私は私のdivだけenableDragNDrop == trueに[dragula]='"first-bag"'を添付するために、この変数を使用できますか？動的セレクタを削除/追加することによって、ディレクティブを追加/削除する方法はありません

<div class='container'><!-- no dragula attribute directive, no dragndrop --> 
    <div>item 1</div> 
    <div>item 2</div> 
</div> 

Answer 1

：

enableDragNDrop == false場合、私はこれをしたいです。セレクタdragulaは、ディレクティブが適用されるための静的なHTMLである必要があります。このような設定オプションが提供されている場合にのみ、dragulaの機能を使用して有効/無効にすることができます。

私はng2-dragulaまたはdragulaを使用していないが、私はあなたがdragModelを割り当て、このよう

<div class='container' dragula [dragulaModel]="dragulaModel"> 

dragulaModel = {start: function() {}}; 

、あなたがそれを有効にする場合、doesnのモデルを割り当てるように設定することができますね開始を無効にしてください

enableDrag() { 
    this.dragulaModel = {}; 
} 

テストされていません。ちょっとだけソースをスキミングしました。