Skip to main content

Ionic Angular 概述

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

Angular 版本支持​

🌐 Angular Version Support

Ionic Angular v8 支持 Angular 16 及以上版本。有关支持版本和我们的支持政策的详细信息，请参见 Ionic Angular 支持政策。

🌐 Ionic Angular v8 supports Angular versions 16 and above. For detailed information on supported versions and our support policy, see the Ionic Angular Support Policy.

Angular 工具​

🌐 Angular Tooling

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

🌐 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

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

安装​

🌐 Installation

在开始之前，请确保你已经在计算机上安装了 Node.js（其中包括 npm）。

🌐 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

新手上路

快速设置你的第一个 Ionic Angular 应用，并学习框架和 CLI 的基础知识。

Angular 文档

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

导航

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

组件

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

主题化

了解如何使用 Ionic 强大的主题系统自定义应用的外观和感觉。

电容器文档

探索如何访问本地设备功能，并使用 Capacitor 将你的应用部署到 iOS、Android 和网络。

目录