1. 程式人生 > >Angular專案中想要引入第三方外掛,需要怎麼做?

Angular專案中想要引入第三方外掛,需要怎麼做?

方法1:

  1. 在.angular-cli.json 檔案中找到script欄位,在陣列中新增要引入的所有js檔案

   “script” :[“...”]

  1.   在需要用該外掛的元件中--.ts 檔案中 做如下宣告: declare var $ : any;
  2. 在ngOnInit方法中就能正常用外掛了

方法2:在index.html頁面中引用

  1. 在根目錄的index.html頁面中新增如下引用:

     <script src=”....”></script>

  1. 在需要用該外掛的元件中(.ts檔案中)做如下宣告:declare var $:any;
  2. 在ngOnInit方法中就能正常用外掛了

方法3:在具體元件中import外掛

  1. 在需要用到外掛的ts檔案中新增如下引用:

Import “xxxxx.js”;

  1. 在需要用該外掛的元件中(.ts檔案中)做如下的宣告:declare var $ : any;
  2. 在ngOnInit方法中就能正常用外掛了

三種方法的區別:

  1. 前兩種方式需要重啟服務才能有效果,第三種方法無需重啟服務,直接就能看到效果