2017-06-29 7 views
20

पर कॉल फ़ंक्शन को मानें मान लें कि मेरे पास abc.js नाम की एक फ़ाइल है जिसमें xyz() फ़ंक्शन है। मैं अपने एंगुलर 4 प्रोजेक्ट में उस समारोह को कॉल करना चाहता हूं। मैं कैसे करूं?कोणीय 4 में बाहरी जेएस फ़ाइल को कैसे शामिल करें और कोणीय से js

उत्तर

24

angular-cli.json फ़ाइल के अंदर स्क्रिप्ट का संदर्भ लें।

"scripts": [ 
    "../path" 
]; 

तो

import * as variable from 'variableName'; 
+0

मैंने "स्क्रिप्ट" के रूप में स्क्रिप्ट में पथ जोड़ा: [ "./assets/common_header_sidebar.js" ]; फिर typing.d.ts में मैंने लिखा है कि विभिन्न आम हैडर: कोई भी; और फिर मेरी टीएस फाइल में मैंने आयात * सामान्य हैडर मॉड्यूल 'commonHeader' से लिखा; लेकिन "मॉड्यूल नहीं मिल सकता है" सामान्य हैडर। " त्रुटि –

+0

'commonHeader' जावास्क्रिप्ट फ़ाइल – Aravind

+0

में निर्यात की गई वस्तु का नाम होना चाहिए हाँ सामान्य हैडर फ़ंक्शन नाम है जिसे मुझे js फ़ाइल –

4

आप या तो

import * as abc from './abc'; 
abc.xyz(); 

या

import { xyz } from './abc'; 
xyz() 
+5

रूप में अपनी फ़ाइल में में typings.d.ts

declare var variableName:any; 

यह आयात जोड़ने मैं जब फ़ाइल स्थानीय रेपो में कहीं नहीं बल्कि होस्ट किया गया है क्या करना चाहिए क्या? –

+0

क्या आपने इसे समझ लिया? –

9

आदेश कोणीय cli.json से स्क्रिप्ट सरणी में एक वैश्विक पुस्तकालय, जैसे jquery.js फ़ाइल शामिल करने के लिए:

"scripts": [ 
    "../node_modules/jquery/dist/jquery.js" 
] 

इसके बाद, अगर यह पहले से शुरू हो गया है तो पुनः सेवा करें।

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