在Angular / Ionic 4中,要在从另一个页面返回时触发变更检测,可以使用Angular的ChangeDetectorRef
服务。
首先,在你的组件中导入ChangeDetectorRef
:
import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
然后,在构造函数中注入ChangeDetectorRef
:
constructor(private cdr: ChangeDetectorRef) { }
接下来,使用ionViewDidEnter
生命周期钩子函数来触发变更检测:
ionViewDidEnter() {
this.cdr.detectChanges();
}
完整的示例代码如下所示:
import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-my-page',
templateUrl: 'my-page.page.html',
styleUrls: ['my-page.page.scss'],
})
export class MyPage implements OnInit {
constructor(private cdr: ChangeDetectorRef) { }
ngOnInit() {}
ionViewDidEnter() {
this.cdr.detectChanges();
}
}
当你从另一个页面返回到MyPage
页面时,ionViewDidEnter
被调用,并且this.cdr.detectChanges()
会触发变更检测,以更新视图。