Ionic Angular 概述

@ionic/angular 将 Ionic Framework 的全部能力带给 Angular 开发者。它与 Angular 生态系统无缝集成，让你能够使用熟悉的 Angular 工具、组件和最佳实践来构建高质量的跨平台应用。同时，你还可以使用 Ionic 丰富的 UI 库和原生能力。

Angular 版本支持

Ionic Angular v6 支持 Angular 12 至 15 版本。有关支持版本和支持政策的详细信息，请参阅 Ionic Angular 支持政策。

Angular 工具链

Ionic 使用官方的 Angular 技术栈来构建应用和路由，因此你的应用可以与 Angular 生态系统的其他部分保持一致。在需要更具确定性的特性时，Ionic 提供了 @ionic/angular-toolkit，它与官方 Angular CLI 构建并集成，为 @ionic/angular 应用提供特定功能。

原生工具

Capacitor 是 Ionic Angular 的官方跨平台运行时，使你能够使用单一代码库在 iOS、Android 和 Web 上原生运行应用。

安装

在开始之前，请确保你的机器上已安装 Node.js（包含 npm）。

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type angular

$ cd myApp
$ ionic serve █

资源

构建你的第一个应用

使用 Ionic Angular 和原生设备功能构建一个真实的相册应用。

Angular 文档

从官方 Angular 文档中了解更多关于 Angular 核心概念、工具和最佳实践的信息。

导航

了解如何使用 Angular Router 在 Ionic Angular 应用中处理路由和导航。

组件

探索 Ionic 丰富的 UI 组件库，用于构建精美的应用。

主题

学习如何使用 Ionic 强大的主题系统自定义应用的外观和风格。

Capacitor 文档

了解如何使用 Capacitor 访问原生设备功能并将应用部署到 iOS、Android 和 Web。