跳到主要内容
版本:v8

Ionic Angular 概述

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

Angular 版本支持​

Ionic Angular v8 支持 Angular 16 及以上版本。有关支持的版本及其支持策略的详细信息,请参阅 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 应用,并学习框架和 CLI 的基础知识。

Angular 文档

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

导航

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

组件

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

主题

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

Capacitor 文档

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