Angular应用未加载JQuery文件

时间:2018-07-07 18:39:06

标签: jquery angular

请协助我在IIS上托管了一个角度应用程序,但是该应用程序无法加载jquery文件,我在chrome控制台中遇到404错误。我在想,因为我在init之后按如下方式注入文件。

   async ngAfterViewInit(): Promise<void> {
     await this._loadScript('../../../assets/js/jquery.min.js');
      await this._loadScript('../../../assets/js/forms.js');
   }

    private _loadScript(scriptUrl: string) {
        return new Promise((resolve, reject) => {
        const scriptElement = document.createElement('script');
        scriptElement.src = scriptUrl;
        scriptElement.onload = resolve;
        document.body.appendChild(scriptElement);
       });
     }

然后我更改代码并将文件添加到angular.json中,如下所示:

          "scripts": [
          "src/assets/js/bootstrap.min.js",
          "src/assets/js/forms.js" ]

现在我没有收到任何错误,但应用程序未响应jquery和其他js文件,当我重新加载页面时,它将读取jquery并响应良好,但是当我导航到另一个页面时,jquery停止响应。必须重新加载页面以使应用程序响应js文件。即使导航到其他页面,我如何也可以使应用程序响应js / jQuery。

0 个答案:

没有答案