Skip to content

Commit 0ab2840

Browse files
authored
docs(angular): supported angular versions (#2785)
1 parent ea2109d commit 0ab2840

File tree

2 files changed

+42
-2
lines changed

2 files changed

+42
-2
lines changed

docs/angular/overview.md

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,32 @@ sidebar_label: Overview
1111
/>
1212
</head>
1313

14+
import DocsCard from '@components/global/DocsCard';
15+
import DocsCards from '@components/global/DocsCards';
16+
1417
`@ionic/angular` combines the core Ionic experience with the tooling and APIs that are tailored to Angular Developers.
1518

1619
## Angular Version Support
1720

18-
Ionic supports `Angular 6.0.0 and up`. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
21+
Ionic v7 supports Angular v14+. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
1922

2023
## Angular Tooling
2124

2225
With Ionic 4+, the official Angular stack for building an app and routing are used, so your app can fall in-line with the rest of the great Angular ecosystem. In cases where more opinionated features are needed, Ionic provides `@ionic/angular-toolkit`, which builds and integrates with the [official Angular CLI](https://angular.io/cli) and provides features that are specific to `@ionic/angular` apps.
26+
27+
## Resources
28+
29+
<DocsCards>
30+
<DocsCard header="Getting Started" href="your-first-app" icon="/icons/feature-component-actionsheet-icon.png">
31+
<p>Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.</p>
32+
</DocsCard>
33+
34+
<DocsCard header="Navigation" href="navigation" icon="/icons/feature-component-navigation-icon.png">
35+
<p>Learn the basics of navigation inside your app with Ionic and Angular Router</p>
36+
</DocsCard>
37+
38+
<DocsCard header="Lifecycle" href="lifecycle" icon="/icons/feature-guide-components-icon.png">
39+
<p>Learn about using Ionic lifecycle events in class components and with hooks</p>
40+
</DocsCard>
41+
42+
</DocsCards>

versioned_docs/version-v6/angular/overview.md

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,32 @@ sidebar_label: Overview
1111
/>
1212
</head>
1313

14+
import DocsCard from '@components/global/DocsCard';
15+
import DocsCards from '@components/global/DocsCards';
16+
1417
`@ionic/angular` combines the core Ionic experience with the tooling and APIs that are tailored to Angular Developers.
1518

1619
## Angular Version Support
1720

18-
Ionic supports `Angular 6.0.0 and up`. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
21+
Ionic v6 supports Angular v12-v15. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
1922

2023
## Angular Tooling
2124

2225
With Ionic 4+, the official Angular stack for building an app and routing are used, so your app can fall in-line with the rest of the great Angular ecosystem. In cases where more opinionated features are needed, Ionic provides `@ionic/angular-toolkit`, which builds and integrates with the [official Angular CLI](https://angular.io/cli) and provides features that are specific to `@ionic/angular` apps.
26+
27+
## Resources
28+
29+
<DocsCards>
30+
<DocsCard header="Getting Started" href="your-first-app" icon="/icons/feature-component-actionsheet-icon.png">
31+
<p>Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.</p>
32+
</DocsCard>
33+
34+
<DocsCard header="Navigation" href="navigation" icon="/icons/feature-component-navigation-icon.png">
35+
<p>Learn the basics of navigation inside your app with Ionic and Angular Router</p>
36+
</DocsCard>
37+
38+
<DocsCard header="Lifecycle" href="lifecycle" icon="/icons/feature-guide-components-icon.png">
39+
<p>Learn about using Ionic lifecycle events in class components and with hooks</p>
40+
</DocsCard>
41+
42+
</DocsCards>

0 commit comments

Comments
 (0)