我有一个Ionic页面，使用文档中所述的GestureController进行了简单的滑动手势。在滑动结束事件上，我增加了一个计数器。页面的html上有一个绑定，该绑定不会更新。但是，Console.log（）显示更新的计数器。
是否存在已知问题或我做错了什么？
页面模板
<ion-content #contentElement>
{{ counter }}
</ion-content>
打字稿
export class TestPage {
counter = 0;
swipeGesture: Gesture;
@ViewChild('contentElement', { static: true, read: ElementRef }) contentElement: ElementRef;
constructor(private gestureController: GestureController) { }
ionViewDidEnter() {
this.swipeGesture = this.gestureController.create({
el: this.contentElement.nativeElement,
gestureName: 'swipe',
onEnd: () => this.onSwipeEnd(),
});
this.swipeGesture.enable();
}
private onSwipeEnd() {
this.counter++;
console.log(this.counter);
}
}
我有一个类似的问题，我所做的就是将注入ChangeDetectorRef到构造函数中。
constructor(private ref: ChangeDetectorRef) {}
然后，您可以手动运行更改检测。
private onSwipeEnd() {
this.counter++;
console.log(this.counter);
this.ref.detectChanges(); // Runs the change detection
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句