在 Capacitor 中使用 Angular
NgZone
Capacitor 插件的事件监听器在 Angular 的 NgZone 执行上下文之外运行。为了确保触发 Angular 的变更检测,请将处理逻辑包裹在 NgZone.run 代码块中:
constructor(private ngZone: NgZone) { }
async ngOnInit() {
Network.addListener("networkStatusChange", (status) => {
this.ngZone.run(() => {
// 此代码将在 Angular 的执行上下文中运行
this.networkStatus = status.connected ? "在线" : "离线";
});
});
}