Angular - 如何在另一个脚本中引用语法

Question

在我的资源文件夹中，我有一个名为'imageTools.js'的脚本。在我的一个角度类型脚本文件中，我想调用'imageTools'，但它无法识别。最好的方法是什么？

正如所料，这是错误：

[ts]找不到名字'ImageTools'。

这是我的代码。

detectFiles(event) {
 this.selectedFiles = event.target.files;
  ImageTools.resize(this.selectedFiles[0], {
    width: 1000, 
    height: 1000 
  }, function (blob, didItResize) {
    this.testingBaseSixtyFour(blob);
  });    
}

Answer 1

在index.html中导入你的jquery和javascript文件。在您的javascript文件中公开一个变量，您可以通过该变量调用您的函数。

在组件中初始化该变量并在组件中使用它将适合您。

 var detect =  function(){
    detectFiles =function detectFiles(event) {
     this.selectedFiles = event.target.files;
      ImageTools.resize(this.selectedFiles[0], {
        width: 1000, 
        height: 1000 
      }, function (blob, didItResize) {
        this.testingBaseSixtyFour(blob);
      });    
    }
     return detectFiles :detectFiles 
    }

Initialize在组件中检测此变量，返回类型为any

//检测detectFiles（事件）

像这样