Update Guide

Select the options that match your update

Angular versions

From v. {{ from.name }}expand_more @for (version of versions; track $index) { - {{ version.name }} } To v. {{ to.name }}expand_more @for (version of versions; track $index) { - {{ version.name }} }

@if (from.number >= futureVersion || to.number >= futureVersion) {

Warning: Plans for releases after the current major release are not finalized and may change. These recommendations are based on scheduled deprecations.

} @if (from.number > to.number) {

Warning: We do not support downgrading versions of Angular.

} @if (to.number - from.number > 150 && from.number > 240) {

Warning: Be sure to follow the guide below to migrate your application to the new version. You can't run ng update to update Angular applications more than one major version at a time.

}

Application complexity

BasicMediumAdvanced @if (level === 1) {

Shows information for all Angular developers.

} @else if (level === 2) {

Shows information that's of interest to more advanced Angular developers.

} @else if (level === 3) {

Shows all the information we have about this update.

}

Other dependencies

@for (option of optionList; track $index) { I use {{ option.name }} {{ option.description }} } @if (from.number < 600) {

Package Manager

npmyarn } Show me how to update!

---

@if ( beforeRecommendations.length > 0 || duringRecommendations.length > 0 || afterRecommendations.length > 0 ) {

{{ title() }}

Before you update

@for (r of beforeRecommendations; track $index) {

{{ getComplexityLevelName(r.level) }}

} @if (beforeRecommendations.length <= 0) { You don't need to do anything before moving between these versions. }

Update to the new version

@if (duringRecommendations.length > 0) { Review these changes and perform the actions to update your application. } @for (r of duringRecommendations; track $index) {

{{ getComplexityLevelName(r.level) }}

} @if (duringRecommendations.length <= 0) { There aren't any recommendations for moving between these versions. }

After you update

@for (r of afterRecommendations; track $index) {

{{ getComplexityLevelName(r.level) }}

} @if (afterRecommendations.length <= 0) { You don't need to do anything after moving between these versions. } }