ionic

Register listeners once in an app-level service, capture the returned PluginListenerHandle, and remove it on teardown. Wrap every callback that mutates template-bound state in NgZone.run(), because Capacitor callbacks fire outside Angular's zone and the UI silently goes stale otherwise.

Ionic caches pages in the DOM, so ngOnInit fires only on creation, not on every revisit. Put refresh-on-entry data on ionViewWillEnter, heavy work on ionViewDidEnter, and final teardown on ngOnDestroy, which runs only when the page is popped.

Use the Angular Router for plain route changes and NavController when you need native slide directions in a stacked flow. NavController is a thin wrapper over the router carrying animation direction, so it does not break the router-only rule.

No. Ionic 8 keeps Zone.js as a peer dependency and is not zoneless-compatible regardless of the Angular version underneath. Ionic 9 ships official zoneless support, and Angular 21+ defaults to it, so state should flow through signals either way.

Source in preference order: official @capacitor/* plugins, then Capawesome @capawesome/capacitor-*, then @capacitor-community/*, then a vetted community package. Confirm the plugin's latest major matches your Capacitor major and check recent maintenance before adopting.

Capacitor 8 draws content edge-to-edge under the status and navigation bars by default. Pad it back using the CSS env(safe-area-inset-*) variables via Ionic's --ion-safe-area-* tokens, never fixed padding, alongside the System Bars plugin.