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?

Answer 1

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();

Answer 2

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