无法通过事件处理程序更改全局变量

Question

我在ionic4中构建了一个带有按钮的简单应用程序。当按下按钮时，应该显示加速度计的alpha值。我的问题是事件列表器调用的事件处理程序不会更改globale变量（我认为）

public sensordata: any;

handleOrientation(event) {
this.sensordata = event.alpha;
}

clicked() {
window.addEventListener("deviceorientation", this.handleOrientation, true);
}

<ion-button id="btn" (click)="clicked()" expand="block">Show sensor data</ion-button>
<ion-text>The sensor data is {{sensordata}}</ion-text>

Answer 1

我的猜测是“ this”可能不是您所想的。您是否尝试过更改功能

clicked() {
 window.addEventListener("deviceorientation", this.handleOrientation, true);
}

到

clicked = () => {
 window.addEventListener("deviceorientation", this.handleOrientation, true);
}