如何在angular6组件中使用外部JS文件

Question

我创建了一个外部js文件'countries.js'，并将其包含在scripts数组中的angular.json中。我如何在特定组件中使用该脚本？

Answer 1

您可以在js文件中使用全局var声明。例如：

<script type="application/javascript">
var myJsServices = function() {
   var services = {};
   services.load = function (key) {.....};
   ...
   return services;
}();
</script>

在Angular Service ts文件中，您在导入之后（在类外部）声明了它

declare var myJsServices : {
  load : (key) => any,
  ...
};

最后，您可以像其他任何角度服务一样使用它。