Skip to content

Commit 27e70a5

Browse files
Merge pull request #23344 from abpframework/documentation/angular-upgrade-to-v20
Angular - Documentation updates for angular version migration to 20.0.x
2 parents 948599f + 73a2e8b commit 27e70a5

File tree

3 files changed

+19
-3
lines changed

3 files changed

+19
-3
lines changed

docs/en/framework/ui/angular/quick-start.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
# ABP Angular Quick Start
22

3-
**In this version ABP uses Angular [17.3.x](https://github.com/angular/angular/tree/17.3.x) version. You don't have to install Angular CLI globally**
3+
**In this version ABP uses Angular [20.0.x](https://github.com/angular/angular/tree/20.0.x) version. You don't have to install Angular CLI globally**
44

55
## How to Prepare Development Environment
66

77
Please follow the steps below to prepare your development environment for Angular.
88

9-
1. **Install Node.js:** Please visit [Node.js downloads page](https://nodejs.org/en/download/) and download proper Node.js `v20.11+` installer for your OS. An alternative is to install [NVM](https://github.com/nvm-sh/nvm) and use it to have multiple versions of Node.js in your operating system.
9+
1. **Install Node.js:** Please visit [Node.js downloads page](https://nodejs.org/en/download/) and download proper Node.js `v20.19+` installer for your OS. An alternative is to install [NVM](https://github.com/nvm-sh/nvm) and use it to have multiple versions of Node.js in your operating system.
1010
2. **[Optional] Install Yarn:** You may install Yarn v1.22+ (not v2) following the instructions on [the installation page](https://classic.yarnpkg.com/en/docs/install). Yarn v1 delivers an arguably better developer experience compared to npm v10 and below. You may skip this step and work with npm, which is built-in in Node.js, instead.
1111
3. **[Optional] Install VS Code:** [VS Code](https://code.visualstudio.com/) is a free, open-source IDE which works seamlessly with TypeScript. Although you can use any IDE including Visual Studio or Rider, VS Code will most likely deliver the best developer experience when it comes to Angular projects. ABP project templates even contain plugin recommendations for VS Code users, which VS Code will ask you to install when you open the Angular project folder. Here is a list of recommended extensions:
1212
- [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=angular.ng-template)

docs/en/release-info/migration-guides/abp-9-3.md

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,4 +43,19 @@ The main changes include:
4343
- Added support for standalone components in ABP Suite code generation
4444
- Updated schematics to support both module-based and standalone templates
4545

46-
For detailed migration steps and best practices, please refer to our upcoming documentation and/or blog post. The migration is optional, and you can continue using the module-based approach if you prefer.
46+
For detailed migration steps and best practices, please refer to our upcoming documentation and/or blog post. The migration is optional, and you can continue using the module-based approach if you prefer.
47+
48+
## Angular UI: Migrating Version to v20
49+
50+
In this version, we've updated our Angular version to v20. This update brings our Angular user interface to the latest and most powerful version
51+
52+
Key Updates:
53+
- Updated Angular packages (core, common, forms, router, etc.) to ~20.0.0
54+
- Updated @angular/cli and @angular-devkit/* to ~20.0.0
55+
- Updated Typescript to ~5.8.0
56+
- Updated RxJS to ~7.8.0
57+
- Updated third-party libraries to their latest versions compatible with Angular v20
58+
59+
Breaking Changes:
60+
- Minimum required Node.js version is now v20.19.0
61+
- @angular/platform-browser no longer includes deprecated APIs like DOCUMENT token globally; ensure you're importing from @angular/common

docs/en/release-info/release-notes.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ This is currently a RC (release-candidate) and you can see the detailed **[blog
1616
* Angular UI: Standalone Package Structure
1717
* Upgraded to `Blazorise` **v1.7.7**
1818
* Audit Logging Module: Excel Export
19+
* Angular UI: Version Upgrade to **v20**
1920

2021
## 9.2 (2025-06-02)
2122

0 commit comments

Comments
 (0)