如何在Angular 7项目中使用外部js库函数?

时间:2019-03-28 14:15:25

标签: javascript jquery angular typescript

我们正在创建一个角度为7的项目。我们想使用jquery based library作为图像选择器。

我们已经正确导入了库  从'..asset / image-picker.min.js'导入*作为'image-picker'

它也已以正确的路径作为脚本导入到index.js中。

现在,我们被困在Typescript环境中正确使用此文件。 例如如何在上面的库中使用下面的示例方法 组件和模板中的Angular模块。

2 个答案:

答案 0 :(得分:1)

您不能在Angular上下文中使用基于jquery的库。 显然,对于老式的AngularJS 1。**来说,这不是一个好习惯,现在甚至是不可能的。

编辑:

根据this source,这似乎是可能的。 但是对我来说,坚持将jQuery与Angular 7结合使用显然不是一个好主意

答案 1 :(得分:1)

我看到这个库使用了jQuery,所以 如果您使用外部库,则需要使用脚本标签在网站中包含该库的脚本,或者如果您使用angular cli,则需要编辑angular.json并包含该脚本

然后在您的方法中使用它

$("select").imagepicker()

您可以访问我的博客以详细了解如何将第三方库集成到有角度的here