如何在Angular 7項目中使用外部js庫函數？

Question

我們正在用angular 7創建一個項目。我們想使用基於jquery的庫作為圖像選擇器。

我們已經從'..asset / image-picker.min.js'中正確導入了庫作為import * as'image-picker'

此外，它已以正確的路徑作為腳本導入到index.js中。

現在，我們被困在Typescript環境中正確使用此文件。 例如，如何在組件和模板的Angular Module中使用上述庫的以下示例方法。

Answer 1

您不能在Angular上下文中使用基於jquery的庫。 顯然，使用老式的AngularJS 1。**不是一個好習慣，現在甚至是不可能的。

編輯：

根據此消息來源 ，這似乎是有可能的。 但是對我來說，堅持在Angular 7中使用Jquery顯然不是一個好主意

Answer 2

我使用jquery看到了這個庫，因此，如果您使用外部庫，則需要使用script標簽在網站中包含該庫的腳本，或者如果您使用angular cli，則需要編輯angular.json並包含該腳本

然后在你的方法中使用它

$("select").imagepicker()

您可以在我的博客上閱讀有關如何將第三方庫集成到Angular的詳細信息