HTMLElement 类型上不存在离子打字稿属性

Question

我使用 ionic v3 和 typescript。

我想将 file_url 放入数组中，但在我检查他的宽度是否等于他的高度 x 2 之前。

但是我有一个错误：

“HTMLElement”类型上不存在“name_array”属性。

这是我的代码：

let img = new Image();

img.src = file_url;

img.onload = function () {

    if( img.width == (img.height * 2) ){
        this.name_array.push({ id: 1, url: file_url });
    }

};

如何在我的数组中推送文件的 URL？

谢谢！

Answer 1

使用arrow函数访问function内部的this

根据开发者 Mozilla 文档：

直到arrow函数，每个新函数都定义了它的own this值 （在构造函数的情况下是一个新对象，在严格模式下未定义 函数调用，如果函数被调用为基础对象 “对象方法”等）。事实证明，这并不理想 object-oriented 编程风格。

箭头函数没有自己的this

let img = new Image();
img.src = file_url;
img.onload = () => {
   if( img.width == (img.height * 2) ){
     this.name_array.push({ id: 1, url: file_url });
   }
};

Here is the documentation for the same