如何在angular4的组件里面引入外部js文件

用一个变量接收文件路径userFunctionJS: any="../../assets/js/index.js";

    ngAfterViewInit(){
        // alert($('#yjfkxh').html());
     if (this.userFunctionJS){
          this.loadScript(this.userFunctionJS);      
        }else{
          console.log("userFunctionJS=" + this.userFunctionJS);
        }
      }
      loadScript(scriptUrl: string) {
        return new Promise((resolve, reject) => {
        console.log("loadScript:" + scriptUrl);
        const scriptElement = document.createElement('script')
        scriptElement.src = scriptUrl
        scriptElement.onload = resolve
        document.body.appendChild(scriptElement)
        })
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,497评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,791评论 0 17
  • 致我曾经喜欢的你: 嗨!你还记得我吗?我觉得应该是记得的吧!不,肯定是记得的,毕竟我也在你前面坐了两年啊,...
    佳之如许阅读 4,225评论 11 11
  • 1 那天周末,爸爸开车送姐姐去上学,我和妈妈也跟着去了。 前一天,我央求了妈妈好几次,说我要看着姐姐步入大学校园的...
    凌玉天阅读 1,391评论 0 1
  • 2019-01-09:鱼猫的个人博客上线啦!鱼猫的个人博客欢迎点击查看哟! 2019-01-11:重新写了个dem...
    鱼猫啊阅读 10,917评论 5 5