Jak załączyć zewnętrzny plik js w Angular 4 i wywołać funkcję z angular do js

Załóżmy, że mam plik o nazwie abc.js, który ma funkcję xyz(). Chcę wywołać tę funkcję w moim projekcie Angular 4. Jak mam to zrobić?

Author: Marcos Dimitrio, 2017-06-29
Source

3 answers

Zwróć Skrypty wewnątrz pliku angular-cli.json.

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

Następnie dodaj typings.d.ts 

declare var variableName:any;

Zaimportuj go do pliku jako 

import * as variable from 'variableName';
 48
Author: Aravind,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-27 11:40:47

W celu włączenia globalnej biblioteki, np. jquery.plik js w tablicy skryptów z angular-cli.json: 

"scripts": [
  "../node_modules/jquery/dist/jquery.js"
]

Po tym, uruchom ponownie ng serve, jeśli jest już uruchomiony.

 17
Author: Rahul Singh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-06-29 06:04:56

Możesz albo 

import * as abc from './abc';
abc.xyz();

Lub 

import { xyz } from './abc';
xyz()
 11
Author: crash,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-06-29 06:03:45