How to include custom js file to all components in Angular 7?

·

,
angular7

Hello to all, welcome to therichpost.com. In this post, I will tell you, How to include custom js file to all components in Angular 7?

Angular 7 getting more popularity day by day and I also enjoy to work in it,

I will custom js file to all the Angular 7 components programmatically.

Here are the steps you need to follow:

 

1. You need to create new src/custom.js file and add below code:

alert("test");

How to include custom js file to all components in Angular 7

 

 

2. Now add below code into your angular.json file:

...
"scripts": ["src/custom.js"]
...

 

3. After execute your Angular 7 application, you will get alert on every component load and below you can see added file code:

added_custom_js_file

 

If you have any query related to this post, then please do comment below or ask question.

Thank you,

Alisha,

TheRichPost

Comments

5 responses to “How to include custom js file to all components in Angular 7?”

  1. sanka Avatar
    sanka

    It was very helpfull

  2. Julien Pitt Avatar
    Julien Pitt

    Great

  3. Edi Avatar
    Edi

    Thanks but this won’t work if the above js code is used within in the typescript code in the components, for instance. Your type script code won’t even compile or run.

  4. Ajay Malhotra Avatar

    But this is working for me.