capacitor-angular

Import the plugin and call it directly in components, or wrap it in an injectable Angular service for dependency injection and testability. Services provide a single place to handle platform differences using Capacitor.isNativePlatform().

Capacitor plugin event listeners run outside Angular's NgZone, so change detection does not trigger. Wrap the listener callback body in NgZone.run(() => { ... }) to ensure template-bound state updates render correctly.

Install @capacitor/core and @capacitor/cli, run npx cap init, and set webDir to your Angular build output path. For Angular 17+ with the application builder this is dist/<project-name>/browser; older versions use dist/<project-name>.

Both architectures are supported. The Skill detects standalone versus NgModule style by checking src/main.ts for bootstrapApplication or platformBrowserDynamic, then adapts service initialization patterns accordingly.

Register an App.addListener('appUrlOpen', ...) callback in a service, wrap it in NgZone.run(), parse the URL path, and call Angular Router's navigateByUrl. Initialize the service at app startup via APP_INITIALIZER or root component injection.

Do not use it for creating a new Capacitor app from scratch, upgrading Capacitor major versions, installing specific plugins, Ionic Framework setup, or non-Angular frameworks like React. Dedicated skills cover those scenarios.