更改路线后，Angular 4 脚本不起作用

Question

在将路由更改为主页时，javascript 和 jquery 代码未在 Angular 5 中加载

Answer 1

首先，将您的脚本添加到 .js 文件并将其保存在 angular.json 下，如下所示

"scripts": ["src/assets/js/modelsupport.js"],

在您希望它工作的 component.ts 中添加以下代码

url 可以根据您的 Angular 版本以 src/assets 或 assets 开头

url = "assets/js/modelsupport.js";

之后在 ngOnInit() 或您想要调用的任何地方包含以下代码

this.loadAPI = new Promise(resolve => {
  console.log("resolving promise...");
  this.loadScript();
});

在你的类中添加 loadScript() 函数之后

public loadScript() {
    console.log("preparing to load...");
    let node = document.createElement("script");
    node.src = this.url;
    node.type = "text/javascript";
    node.async = true;
    node.charset = "utf-8";
    document.getElementsByTagName("head")[0].appendChild(node);
}

希望你能解决你的问题