উত্তর:
angular-cli.json
( angular.json
কৌণিক 6+ ব্যবহার করার সময়) ফাইলের অভ্যন্তরে স্ক্রিপ্টগুলি উল্লেখ করুন।
"scripts": [
"../path"
];
তারপরে যুক্ত করুন typings.d.ts
(এই ফাইলটি src
ইতিমধ্যে বিদ্যমান না থাকলে এটি তৈরি করুন )
declare var variableName:any;
আপনার ফাইল হিসাবে এটি আমদানি করুন
import * as variable from 'variableName';
plunker
পুনরুত্পাদন করতে একটি তৈরি করতে পারেন
একটি বৈশ্বিক গ্রন্থাগার অন্তর্ভুক্ত করার জন্য, যেমন jquery.js
স্ক্রিপ্টস অ্যারেতে ফাইল angular-cli.json
( angular.json
কৌনিক 6+ ব্যবহার করার সময়) থেকে:
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
এর পরে, এনজি সার্ভিসটি যদি এটি ইতিমধ্যে শুরু হয় তবে পুনরায় চালু করুন।
declare var $: any;
বাইরের JS ফাইল জুড়ুন index.html ।
<script src="./assets/vendors/myjs.js"></script>
এখানে myjs.js ফাইলটি রয়েছে:
var myExtObject = (function() {
return {
func1: function() {
alert('function 1 called');
},
func2: function() {
alert('function 2 called');
}
}
})(myExtObject||{})
var webGlObject = (function() {
return {
init: function() {
alert('webGlObject initialized');
}
}
})(webGlObject||{})
তারপরে এটি নীচের মতো উপাদান হিসাবে ঘোষণা করুন
demo.component.ts
declare var myExtObject: any;
declare var webGlObject: any;
constructor(){
webGlObject.init();
}
callFunction1() {
myExtObject.func1();
}
callFunction2() {
myExtObject.func2();
}
demo.component.html
<div>
<p>click below buttons for function call</p>
<button (click)="callFunction1()">Call Function 1</button>
<button (click)="callFunction2()">Call Function 2</button>
</div>
এটি আমার জন্য কাজ করছে ...
declare
করে - মূলত " declare
টাইপ করা বিষয় বলতে পরিবর্তনশীল অন্যত্র তৈরি করা হয়েছে ব্যবহার করা হয় (থেকে" এই উত্তর )।
অপরপক্ষে তুমি
import * as abc from './abc';
abc.xyz();
অথবা
import { xyz } from './abc';
xyz()