Usare script custom in Angular

Sipponiamo di avere dei nostri script da voler usare dentro Angular.

E di non voler creare una vera e propria libreria.

La cosa è possibile seguendo questi passaggi.

Copiate il vostro file JS dentro ad una cartella del progetto; ad esempio src/assets.

Aprite il file angular.json e dentro l'array scripts mettete il path:

"scripts": [
  "src/assets/script.js"
]

Dentro il mio file script.js ho questa funzione:

function print_ciao() {
  console.log('ciao');
}

A questo punto nel componente dove volete usarla:

import {Component, OnInit} from '@angular/core';
import {RouterOutlet} from '@angular/router';

declare function print_ciao(): any;

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css'
})

export class AppComponent implements OnInit {

  constructor() {
  }

  ngOnInit(): void {
    print_ciao();
  }

}

Enjoy!