ड्रैगुला: ng2-dragula

Question

में ड्रॉप को वापस करें typescript के साथ मेरे पास angular2 ऐप है। मैं ड्रैग और ड्रॉप एप्लिकेशन बनाने के लिए ng2-dragula का उपयोग कर रहा हूं।

मैं करने के लिए, जांच एक शर्त requiered रहा हूँ, और खींचें वापस लौटने अगर हालत झूठी है, और मैं here से पता है, कि revertOnSpill कि revertOnSpill:true अपनी पहली जगह पर वापस तत्व डाल सकते हैं।

लेकिन, मुझे नहीं पता किng2-dragula में यह कैसे संभव है। मैंने इसे onDrop में लगाया।

<div id="toPlay" class="playBox roundedBox" [dragula]="'second-bag'"> 
    <img class="w3-animate-top" [src]="sax_path" alt="sax" id="saxsophone"/> 
    <img class="w3-animate-top" [src]="drum_path" alt="drum" id="drum"/> 
</div> 
<div id="scene" [dragula]="'second-bag'"> 

</div> 

Package.json है: यहाँ कोड

constructor() { 

       dragulaService.drop.subscribe((value) => { 
        this.onDrop(value.slice(1)); 
       }); 

       dragulaService.setOptions('second-bag', { 
        removeOnSpill: true 
       }); 
} 

private onDrop(args) { 
    bla 
    bla 
    bla 
    if(err.status=="404")                
      this.dragulaService.removeModel; 
     // this.dragulaService.cancel; also tried but did not work 
} 

और यहाँ एचटीएमएल कोड है

"dependencies": { 
    "dragula": "^3.7.2" 
    }, 
    "peerDependencies": { 
    "@angular/common": "^2.0.0", 
    "@angular/core": "^2.0.0", 
    "@angular/compiler": "^2.0.0", 
    "@angular/forms": "^2.0.0" 
    }, 
    "devDependencies": { 
    "angular-cli": "1.0.0-beta.22-1", 
    "typescript": "2.0.10" 
    } 

समस्या है, मैं रद्द करने के लिए पता नहीं कैसे बूंद?

Answer 1

वहाँ एक संपत्ति बूलियन moves कहा जाता है, जो यह नियंत्रित iff एक तत्व चल रहा है या नहीं

this.dragulaService.setOptions('second-bag', { 

     moves: (el, container, handle) =>{ 

          if(YourCondition) 
            //return true; 
          else 
            //return false; 
         }))