How to add a custom JS file into a angular project?

Question

I am working on an angular project with my friends for our class project and we want a custom Js file with certain methods to be added to our project but adding this to the app.component.html file inside didn't work. How to add the files to the project?

If you used angular CLI to build the project, you need to add this configuration in the angular.json file as explained here github.com/angular/angular-cli/wiki/stories-global-scripts — Baruch
– Baruch, Commented Dec 11, 2018 at 8:18

Pavan Skipo · Accepted Answer · 2018-12-11 10:08:59Z

4

you can do this in two ways:

If you want the custom js to be global, add the path to scripts array in angular-cli.json file

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

Otherwise if you want the custom js to be in specific component,

import * as custom from './custom';
custom.method();

answered Dec 11, 2018 at 10:08

Pavan Skipo

1,89716 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sunny Goel · Accepted Answer · 2018-12-11 08:25:13Z

0

firsfile and secondfile are the member variable of typescript class

Initalise this member var in constructor like this.
this.firstFile= require('./firstfile'); // firstfile.js
this.secondFile= require('./secondfile'); //secondfile.js

now use same as you do in JavaScript after importing module files.

Hope it will help

answered Dec 11, 2018 at 8:25

Sunny Goel

2,2002 gold badges18 silver badges24 bronze badges

1 Comment

Sunny Goel Over a year ago

I don't think so is their is any wrong in that . I am also use some protobuffer JavaScript file in my angular project , it run fine. so if you give any negative rating then please explain it why you are giving the negative rating.

Collectives™ on Stack Overflow

How to add a custom JS file into a angular project?

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related