Вы можете добавить скрипт прямо в index.html
<script src="./assets/scripts/my-custom-script.js"></script>
ОБНОВЛЕНО
На мой взгляд, у вас есть один вариант:
Создайте папку с именем dynamic_script в папке assets
и поместите туда 2 файла.
1- Ваш файл js (например, ARRS5125-MLL-YourJsfile.js)
2- Файл JSON (например, info.json), укажите здесь имя вашего файла
{
"filename":"ARRS5125-MLL-YourJsfile.js"
}
ПРИМЕЧАНИЕ
Всякий раз, когда имя вашего скрипта изменяется, измените имя файла в файле JSON на основе вашего имени js.
Теперь вы можете динамически загружать файл js, как показано ниже.
Шаг 1. Создайте службу:
@Injectable({ providedIn: "root" })
export class LoadScriptService {
constructor(private http: HttpClient) { }
getJsonFileName(): Promise<any> {
return this.http.get('./assets/dynamic_script/info.json').toPromise();
}
loadScript(name: string) {
return new Promise((resolve, reject) => {
//load script
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = `/assets/dynamic_script/${name}`;
if (script.readyState) { //IE
script.onreadystatechange = () => {
if (script.readyState === "loaded" || script.readyState === "complete") {
script.onreadystatechange = null;
resolve({ script: name, loaded: true, status: 'Loaded' });
}
};
} else { //Others
script.onload = () => {
resolve({ script: name, loaded: true, status: 'Loaded' });
};
}
script.onerror = (error: any) => resolve({ script: name, loaded: false, status: 'Loaded' });
document.getElementsByTagName('head')[0].appendChild(script);
});
}
}
Шаг 2. В вашем компоненте
export class AppComponent implements OnInit {
constructor(private scriptService: LoadScriptService) { }
ngOnInit(): void {
}
private async loadJsonAndScript() {
const fileInfo = await this.scriptService.getJsonFileName();
this.scriptService.loadScript(fileInfo.fileName)
}
load() {
this.loadJsonAndScript();
}
}
ПРИМЕЧАНИЕ:
После создания проекта всякий раз, когда вы добавляете новый файл js в dynamic_script, открывайте info.json
и заменяйте новое имя вручную.
person
AbolfazlR
schedule
13.10.2020