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

Question

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

标签： javascriptangular6

Answer 1

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

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

在你的 Angular 服务 ts 文件中，你在导入之后声明它（在类之外）

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

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