2016-02-03 18 views
9

मैंने हाल ही में एंगुलर 2 (टाइप स्क्रिप्ट) का उपयोग करना शुरू कर दिया है और जब तक मैंने बाहरी जावास्क्रिप्ट लाइब्रेरी https://github.com/marchock/vertical-blocks आयात करने का प्रयास नहीं किया तब तक सब कुछ ठीक चल रहा है। मैंने कुछ तरीकों की कोशिश की है लेकिन कुछ भी काम नहीं करता है और मुझे आमतौर पर लाइब्रेरी प्रदर्शित करने में त्रुटि मिलती है जिसे परिभाषित नहीं किया जाता है।कोणीय 2 - बाहरी पुस्तकालयों का उपयोग

+0

पोस्ट करें कैसे आपको लगता है कि पुस्तकालय आयात करने की कोशिश। –

+0

यहां jquery आयात करने के लिए एक उदाहरण दिया गया है। अवधारणा अधिकांश बाहरी पुस्तकालयों के लिए समान होगी: http://www.syntaxsuccess.com/viewarticle/using-jquery-with-angular-2.0 – TGH

उत्तर

19

यह एक वैश्विक पुस्तकालय है इसलिए आपको import की आवश्यकता नहीं है। इसके बजाय इसका इस्तेमाल के रूप में आप सामान्य रूप से पूर्व होगा:

@Component({...}) 
export class ExampleComponent{ 
    verticalBlocks: any; 

    ngOnInit(){ 
     this.verticalBlocks = new VerticalBlocks({ 
      ...  
     }); 
    } 
} 

और import के बजाय बस चर VerticalBlocks घोषित ताकि टाइपप्रति आप इसे का उपयोग कर के बारे में शिकायत नहीं है और जानता है कि यह एक वैश्विक पुस्तकालय

declare var VerticalBlocks: any; 
का उपयोग कर

आपकी .ts फ़ाइल के शीर्ष पर।

तो बस हमेशा की तरह अपने html में स्क्रिप्ट जोड़ने:

<script src="path/to/verticalblocks.js"></script> 
+0

धन्यवाद, यह मेरी समस्या को ठीक करता है। – Ryan

+0

यदि यह आपकी समस्या को हल करता है तो उत्तर के बगल में स्थित चेकमार्क पर क्लिक करना सुनिश्चित करें क्योंकि इससे भविष्य में दूसरों को उस उत्तर को ढूंढने में सहायता मिलेगी जिसने आपको सबसे अधिक मदद की है। – SnareChops

+0

इससे मुझे भी मदद मिली - आपकी टिप्पणी हालांकि एक भाषाई भाषाई परिप्रेक्ष्य से दिलचस्प और दुखी है - यह किसी को कुछ पसंद करने के बारे में बताने जैसा है - यह वास्तव में आपकी गलती नहीं है लेकिन कल्पना करें कि क्या स्टैक ओवरफ्लो "निश्चित" पार्स कर सकता है और स्वचालित रूप से इसे जांच सकता है - यह भी बस आपको टिप्पणी करने से पहले पूछें – headwinds

संबंधित मुद्दे