Ionic Angular Overview
@ionic/angular
brings the full power of the Ionic Framework to Angular developers. It offers seamless integration with the Angular ecosystem, so you can build high-quality cross-platform apps using familiar Angular tools, components, and best practices. You also get access to Ionic's extensive UI library and native capabilities.
Angular Version Support
Ionic Angular v7 supports Angular versions 14 through 17. For detailed information on supported versions and our support policy, see the Ionic Angular Support Policy.
Angular Tooling
Ionic uses the official Angular stack for building apps and routing, so your app can fall in line with the rest of the Angular ecosystem. In cases where more opinionated features are needed, Ionic provides @ionic/angular-toolkit
, which builds and integrates with the official Angular CLI and provides features that are specific to @ionic/angular
apps.
Native Tooling
Capacitor is the official cross-platform runtime for Ionic Angular, enabling your apps to run natively on iOS, Android, and the web with a single codebase.
Installation
Before you begin, make sure you have Node.js (which includes npm) installed on your machine.
$ npm install -g @ionic/cli
$ ionic start myApp tabs --type angular
$ cd myApp
$ ionic serve █
Resources
Quickly set up your first Ionic Angular app and learn the basics of the framework and CLI.
Learn more about Angular's core concepts, tools, and best practices from the official Angular documentation.
Discover how to handle routing and navigation in Ionic Angular apps using the Angular Router.
Explore Ionic's rich library of UI components for building beautiful apps.
Learn how to customize the look and feel of your app with Ionic's powerful theming system.
Explore how to access native device features and deploy your app to iOS, Android, and the web with Capacitor.