How to call JavaScript functions from Typescript in Angular 5?

by

1. How and where to include JavaScript Files in Angular Project?

You need to include your JS file in the asset folder and refer this JS file in .angular-cli.json file.

Refer the snapshot’s,

Folder structure should be like this.

enter image description here

.angular-cli.json

enter image description here

2. How to call the JavaScript Functions from Typescript class?

your TS should be like this.

myJsFile.js file content.

enter image description here

This sample logic mentioned above will work, I have tried and tested using version 4, So I am expecting it to work with version 5 also.

Updating the answer for the new Angular version release. Working
perfectly till version 11.2.6.

Find the code (function with parameter) here for Angular11

More Related Contents:

  1. typescript anonymous object with variable based label value
  2. How do I return the response from an Observable/http/async call in angular?
  3. How to load external scripts dynamically in Angular?
  4. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  5. Angular: Can’t find Promise, Map, Set and Iterator
  6. Angular 2 router event listener
  7. Angular2 component’s “this” is undefined when executing callback function
  8. How to do the chain sequence in rxjs
  9. Angular 6: How to set response type as text while making http call
  10. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  11. using external JS libraries in my angular 2 project
  12. Load existing components dynamically Angular 2 Final Release
  13. Angular 5 Scroll to top on every Route click
  14. Is it a good practice using Observable with async/await?
  15. How to handle window scroll event in Angular 4?
  16. Prevent IE11 caching GET call in Angular 2
  17. Nested arrays in Angular 2 reactive forms?
  18. Angular: In which lifecycle hook is input data available to the Component
  19. Highlight the search text – angular 2
  20. Angular 4 Filter Search Custom Pipe
  21. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  22. Angular 2 typescript invoke javascript function
  23. Whats the difference between using a class and interface?
  24. What does Angular 2 hashtags in template mean?
  25. How to loop over object properties with ngFor in Angular
  26. Angular 6: ERROR TypeError: “… is not a function” – but it is
  27. Angular interceptor exclude specific urls
  28. How to iterate using ngFor loop Map containing key as string and values as map iteration
  29. How to check empty object in angular 2 template using *ngIf
  30. Filter Array in Array by date between 2 dates

Leave a Comment