Migration

Composite Recipes

Recipes that include further recipes, often including the individual recipes below.

• Move DOCUMENT import to @angular/core
• Remove IE11 polyfills
• Replace deep zone.js imports
• Replace node-sass with sass

Recipes

• Add @angular/localize/init polyfill import
• Add ChangeDetectionStrategy.Eager to components
• Add TestBed module teardown
• Add defaultConfiguration to build targets
• Add generic type to ModuleWithProviders
• Add istanbul-lib-instrument for Karma code coverage
• Add static: false to view queries
• Add strictTemplates: false to tsconfig.json
• Add trustProxyHeaders to the Angular app engine
• Add withNoIncrementalHydration() to provideClientHydration()
• Add withXhr() to provideHttpClient()
• Enable AOT compilation in angular.json
• Make standalone flag explicit
• Migrate @Input() to signal-based input()
• Migrate @Output() to signal-based output()
• Migrate constructor injection to inject()
• Migrate query decorators to signal-based functions
• Migrate to solution-style tsconfig
• Remove BrowserModule.withServerTransition
• Remove ComponentFactoryResolver
• Remove aotSummaries from TestBed
• Remove defaultProject from angular.json
• Remove empty ngOnInit lifecycle hooks
• Remove enableIvy compiler option
• Remove entryComponents
• Remove es5BrowserSupport from angular.json
• Remove extractCss from angular.json
• Remove moduleId
• Remove redundant standalone: true
• Remove relativeLinkResolution
• Remove static: false from view queries
• Remove withFetch() from provideHttpClient()
• Remove zone.js polyfill from angular.json
• Rename ChangeDetectionStrategy.Default to ChangeDetectionStrategy.Eager
• Rename ExperimentalPendingTasks to PendingTasks
• Rename afterRender to afterEveryRender
• Rename file
• Rename getAngularLib/setAngularLib to getAngularJSGlobal/setAngularJSGlobal
• Rename provideExperimentalCheckNoChangesForDebug to provideCheckNoChangesForDebug
• Rename provideExperimentalZonelessChangeDetection to provideZonelessChangeDetection
• Rename ssr.experimentalPlatform to ssr.platform in angular.json
• Replace HttpClientModule with provideHttpClient()
• Replace InjectFlags with options object
• Replace RouterLinkWithHref with RouterLink
• Replace TestBed.get() with TestBed.inject()
• Replace ViewEncapsulation.Native with ViewEncapsulation.ShadowDom
• Replace async with waitForAsync
• Replace createNgModuleRef with createNgModule
• Replace form classes with untyped variants
• Replace initialNavigation option values
• Replace string-based loadChildren with dynamic import()
• Replace validator/asyncValidator with plural forms
• Split a model() that has a matching explicit output
• Suppress the safe navigation extended diagnostics
• Update component templateUrl
• Update tsconfig.json module settings for Ivy
• Update tsconfig.json target to es2017