メインコンテンツまでスキップ
Version: v4

Angular で Capacitor を使う

NgZone

Capacitor プラグインのイベントリスナーは、Angular の NgZone 実行コンテキストの外で実行されます。ハンドラロジックを NgZone.run ブロック内に格納し、Angular の変更検出が確実にトリガーされるようにします:

constructor(private ngZone: NgZone) { }

async ngOnInit() {
Network.addListener("networkStatusChange", (status) => {
this.ngZone.run(() => {
// This code will run in Angular's execution context
this.networkStatus = status.connected ? "Online" : "Offline";
});
});
}