आवश्यकता के बिना कोणीय ड्रैगूला का उपयोग

Question

मैं कोणीय-ड्रैगूला मॉड्यूल (https://github.com/bevacqua/angular-dragula) का उपयोग करके अपने कोणीय प्रोजेक्ट में ड्रैग और ड्रॉप को लागू करना पसंद करूंगा। हालांकि, यह RequJS पर भारी निर्भर करता प्रतीत होता है। मैंने थोड़ी देर के लिए आवश्यकता का उपयोग नहीं किया है और केवल तब एक उदाहरण ऐप या दो के लिए। क्या इस मॉड्यूल से अनचाहे आवश्यकता का एक आसान तरीका है?

लेखक यह सरल है सोचने के लिए लगता है (https://github.com/bevacqua/angular-dragula/issues/23) और इसी तरह के सवाल के साथ-साथ बिना कोई वास्तविक विवरण बंद हो गया है। मैंने कोड को देखा है और मेरे प्रोजेक्ट में RequJS को जोड़ने के बिना मॉड्यूल को लोड करने का तरीका नहीं देखा है (जो मैं नहीं करना चाहता)। क्या मैं या तो इस मॉड्यूल का उपयोग नहीं कर रहा हूं या आवश्यकता के बिना इसका उपयोग करने का कोई तरीका है या नहीं?

Answer 1

ठीक है, टिप्पणी करने वालों की मदद के बाद (सभी को धन्यवाद!), मैं इसे काम करने में सक्षम था। ऐसी कुछ चीजें हैं जिन्हें आपको करने की ज़रूरत है। सबसे पहले, मैं अपने मॉड्यूल के बाकी हिस्सों के साथ इस मॉड्यूल को बंडल कर रहा था और इसे कॉल करने की कोशिश कर रहा था। यह काम नहीं करेगा क्योंकि इसे पैरामीटर (angular) के साथ प्रारंभ करने की आवश्यकता है। इसलिए, आप निम्न कार्य करने होंगे:

1. कोणीय के लिए घोषणा नीचे अपनी index.html पृष्ठ के कोणीय dragula.js (या मिनट संस्करण) के लिए एक संदर्भ जोड़े लेकिन जहां आप अपना ऐप्लिकेशन बनाते ऊपर।
2. जब आप अपने ऐप के लिए निर्भरता घोषित करते हैं, तो angularDragula(angular) निर्दिष्ट करें (उद्धरण में नहीं)।
3. ड्रैगूला का उपयोग करें जैसा कि आप सामान्य रूप से करेंगे। यदि आपको सेवा तक पहुंचने की आवश्यकता है, तो नाम angularDragula होगा।

उदाहरण के लिए, यहाँ एप्लिकेशन की मेरी घोषणा है:

<div dragula='"bag-one"' dragula-model="vm.items"> 
    <div ng-repeat="item in vm.items">{{ item }}</div> 
</div> 

नोट:

var app = angular.module('app', [ 
    'ngRoute', 
    angularDragula(angular) 
]); 

और फिर एक सरल सूची खींचें हो सकता है और सक्षम छोड़ने के लिए प्राप्त करने के लिए, यह मेरा एचटीएमएल है कि उदाहरणों के विपरीत, मैं कहीं भी कोणीय ड्रगुला घोषित नहीं करता हूं। उदाहरण में लेखक देता है, उसे angular की आवश्यकता होती है और angular चर बनाता है और फिर उसे angular-dragula की आवश्यकता होती है और angularDragula चर बनाता है। यदि आप सही क्रम में स्क्रिप्ट लोड करते हैं, तब तक RequireJS का उपयोग नहीं कर रहे हैं, इसकी आवश्यकता नहीं है।