Update dependency @angular/animations to v18 - autoclosed #137
Loading…
Reference in New Issue
Block a user
No description provided.
Delete Branch "renovate_angular-animations-18.x"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This PR contains the following updates:
^13.3.3->^18.0.0Release Notes
angular/angular (@angular/animations)
v18.2.12Compare Source
compiler-cli
v18.2.11Compare Source
core
v18.2.10Compare Source
compiler
localize
v18.2.9Compare Source
compiler-cli
v18.2.8Compare Source
compiler
compiler-cli
core
platform-server
PlatformRefwhen error happens during thebootstrap()phase (#58112) (#58135)v18.2.7Compare Source
common
compiler-cli
core
http
migrations
upgrade
v18.2.6Compare Source
v18.2.5Compare Source
compiler-cli
core
@letdeclaration with array whenpreparingForHydration(#57816)migrations
v18.2.4Compare Source
compiler
migrations
v18.2.3Compare Source
http
v18.2.2Compare Source
core
http
router
upgrade
v18.2.1Compare Source
compiler-cli
v18.2.0Compare Source
compiler
compiler-cli
jit: trueopt-out (#56892)@NgModuleclasses withjit: true(#57212)core
language-service
migrations
router
v18.1.5Compare Source
compiler-cli
core
v18.1.4Compare Source
compiler
compiler-cli
interpolatedSignalNotInvokedextended diagnostic (#57291)language-service
v18.1.3Compare Source
compiler
compiler-cli
core
v18.1.2Compare Source
compiler
compiler-cli
core
afterNextRenderhooks return that callback value. (#57031)v18.1.1Compare Source
common
compiler
compiler-cli
core
migrations
v18.1.0Compare Source
common
compiler
compiler-cli
core
toSignal(#56447)ComponentMirror(#56402)afterRender&afterNextRenderphases API (#55648)forms
NgControlStatushost bindingsOnPushcompatible (#55720)http
Content-Typeheader case insensitive (#56541)language-service
router
UrlTreeas an input torouterLink(#56265)v18.0.7Compare Source
compiler
http
fetchoutside of Angular zone (#56820)migrations
v18.0.6Compare Source
common
core
router
v18.0.5Compare Source
core
@defererror. (#56559)v18.0.4Compare Source
compiler-cli
core
router
v18.0.3Compare Source
benchpress
core
localize
@angular/localize/initas polyfill inangular.json(#56300)migrations
v18.0.2Compare Source
core
HttpClientModuleimports on components. (#56067)withI18nSupport()call for components that use i18n blocks (#56175)migrations
v18.0.1Compare Source
compiler
compiler-cli
core
migrations
v18.0.0Compare Source
Blog post "Angular v18 is now available".
Breaking Changes
animations
matchesElementmethod has been removed fromAnimationDriveras it is unused.common
isPlatformWorkerUiandisPlatformWorkerApphave been removed without replacement, as they serve no purpose since the removal of the WebWorker platform.compiler
compiler-cli
core
OnPushviews at the root of the application need tobe marked dirty for their host bindings to refresh. Previously, the host
bindings were refreshed for all root views without respecting the
OnPushchange detection strategy.OnPushviews at the root of the application need tobe marked dirty for their host bindings to refresh. Previously, the host
bindings were refreshed for all root views without respecting the
OnPushchange detection strategy.The
ComponentFixtureautoDetectfeature will nolonger refresh the component's host view when the component is
OnPushand not marked dirty. This exposes existing issues in components which
claim to be
OnPushbut do not correctly callmarkForCheckwhen theyneed to be refreshed. If this change causes test failures, the easiest
fix is to change the component to
ChangeDetectionStrategy.Default.ComponentFixture.whenStablenow matches theApplicationRef.isStableobservable. Prior to this change, stabilityof the fixture did not include everything that was considered in
ApplicationRef.whenStableof the fixture will now include unfinishedrouter navigations and unfinished
HttpClientrequests. This will causetests that
awaitthewhenStablepromise to time out when there areincomplete requests. To fix this, remove the
whenStable,instead wait for another condition, or ensure
HttpTestingControllermocks responses for all requests. Try adding
HttpTestingController.verify()before your
await fixture.whenStableto identify the open requests.Also, make sure your tests wait for the stability promise. We found many
examples of tests that did not, meaning the expectations did not execute
within the test body.
In addition,
ComponentFixture.isStablewould synchronously switch totrue in some scenarios but will now always be asynchronous.
Angular will ensure change detection runs, even when the state update originates from
outside the zone, tests may observe additional rounds of change
detection compared to the previous behavior.
This change will be more likely to impact existing unit tests.
This should usually be seen as more correct and the test should be updated,
but in cases where it is too much effort to debug, the test can revert to the old behavior by adding
provideZoneChangeDetection({schedulingMode: NgZoneSchedulingMode.NgZoneOnly})to the
TestBedproviders.Similarly, applications which may want to update state outside the zone
and not trigger change detection can add
provideZoneChangeDetection({schedulingMode: NgZoneSchedulingMode.NgZoneOnly})to the providers in
bootstrapApplicationor addschedulingMode: NgZoneSchedulingMode.NgZoneOnlyto theBootstrapOptionsofbootstrapModule.When Angular runs change detection, it will continue to
refresh any views attached to
ApplicationRefthat are still marked forcheck after one round completes. In rare cases, this can result in infinite
loops when certain patterns continue to mark views for check using
ChangeDetectorRef.detectChanges. This will be surfaced as a runtimeerror with the
NG0103code.asynchas been removed, usewaitForAsyncinstead.The
ComponentFixture.autoDetectfeature now executeschange detection for the fixture within
ApplicationRef.tick. This moreclosely matches the behavior of how a component would refresh in
production. The order of component refresh in tests may be slightly
affected as a result, especially when dealing with additional components
attached to the application, such as dialogs. Tests sensitive to this
type of change (such as screenshot tests) may need to be updated.
Concretely, this change means that the component will refresh before
additional views attached to
ApplicationRef(i.e. dialog components).Prior to this change, the fixture component would refresh after other
views attached to the application.
The exact timing of change detection execution when
using event or run coalescing with
NgZoneis now the first of eithersetTimeoutorrequestAnimationFrame. Code which relies on thistiming (usually by accident) will need to be adjusted. If a callback
needs to execute after change detection, we recommend
afterNextRenderinstead of something like
setTimeout.Newly created and views marked for check and reattached
during change detection are now guaranteed to be refreshed in that same
change detection cycle. Previously, if they were attached at a location
in the view tree that was already checked, they would either throw
ExpressionChangedAfterItHasBeenCheckedErroror not be refreshed untilsome future round of change detection. In rare circumstances, this
correction can cause issues. We identified one instance that relied on
the previous behavior by reading a value on initialization which was
queued to be updated in a microtask instead of being available in the
current change detection round. The component only read this value during
initialization and did not read it again after the microtask updated it.
Testability methods
increasePendingRequestCount,decreasePendingRequestCountandgetPendingRequestCounthave beenremoved. This information is tracked with zones.
http
By default we now prevent caching of HTTP requests that require authorization . To opt-out from this behaviour use the
includeRequestsWithAuthHeadersoption inwithHttpTransferCache.Example:
platform-browser
StateKey,TransferStateandmakeStateKeyhave been removed from@angular/platform-browser, use the same APIs from@angular/core.platform-browser-dynamic
RESOURCE_CACHE_PROVIDERAPIs have been removed.platform-server
deprecated
platformDynamicServerhas been removed. Add animport @​angular/compilerand replace the usage withplatformServerdeprecated
ServerTransferStateModulehas been removed.TransferStatecan be use without providing this module.deprecated
useAbsoluteUrlandbaseUrlbeen removed fromPlatformConfig. Provide and absoluteurlinstead.Legacy handling or Node.js URL parsing has been removed from
ServerPlatformLocation.The main differences are;
pathnameis always suffixed with a/.portis empty whenhttp:protocol and port in url is80portis empty whenhttps:protocol and port in url is443router
RedirectCommandfor redirectsin addition to
UrlTree. Code which expects onlybooleanorUrlTreevalues in
Routetypes will need to be adjusted.Route.redirectToto be a functionin addition to the previous string. Code which expects
redirectTotoonly be a string on
Routeobjects will need to be adjusted.UrlTreeas a redirect, theredirecting navigation will now use
replaceUrlif the initialnavigation was also using the
replaceUrloption. If this is notdesirable, the redirect can configure new
NavigationBehaviorOptionsbyreturning a
RedirectCommandwith the desired options instead ofUrlTree.come from the injector heirarchy of the routes and never inherit from
the
RouterOutlet. This means that providers available only to thecomponent that defines the
RouterOutletwill no longer be available toroute components in any circumstances. This was already the case
whenever routes defined providers, either through lazy loading an
NgModuleor through explicitproviderson the route config.come from the injector heirarchy of the routes and never inherit from
the
RouterOutlet. This means that providers available only to thecomponent that defines the
RouterOutletwill no longer be available toroute components in any circumstances. This was already the case
whenever routes defined providers, either through lazy loading an
NgModuleor through explicitproviderson the route config.Deprecations
common
getCurrencySymbol,getLocaleCurrencyCode,getLocaleCurrencyName,getLocaleCurrencySymbol,getLocaleDateFormat,getLocaleDateTimeFormat,getLocaleDayNames,getLocaleDayPeriods,getLocaleDirection,getLocaleEraNames,getLocaleExtraDayPeriodRules,getLocaleExtraDayPeriods,getLocaleFirstDayOfWeek,getLocaleId,getLocaleMonthNames,getLocaleNumberFormat,getLocaleNumberSymbol,getLocalePluralCase,getLocaleTimeFormat,getLocaleWeekEndRange,getNumberOfCurrencyDigitscore
@Component.interpolationis deprecated. Use Angular'sdelimiters instead.
http
HttpClientModule,HttpClientXsrfModuleandHttpClientJsonpModuleAs mentionned, those modules can be replaced by provider function only.
animations
matchesElementfromAnimationDriver(#55479)common
isPlatformWorkerAppandisPlatformWorkerUiAPI (#55302)compiler
FatalDiagnosticError, hide themessagefield without affecting the emit (#55160)compiler-cli
@ifwith aliases (#55835)core
ApplicationRef.tickshould respect OnPush for host bindings (#53718)ApplicationRef.tickshould respect OnPush for host bindings (#53718) (#53718)ComponentFixtureautoDetectrespectsOnPushflag of host view (#54824)ComponentFixturestability should matchApplicationRef(#54949)asyncfunction (#55491)setTimeoutandrAFreferences (#55124)addEvent(#55353)markForCheckduring change detection from causing infinite loops (#54900)@Component.interpolation(#55778)forms
http
withRequestsMadeViaParentbehavior withwithFetch(#55652)HttpClientModule& related modules (#54020)language-service
migrations
HttpClientModule(#54020)platform-browser
platform-browser-dynamic
RESOURCE_CACHE_PROVIDERAPI has been removed (#54875)platform-server
nonceattribute to event record script (#55495)platformDynamicServerAPI (#54874)ServerTransferStateModuleAPI (#54874)useAbsoluteUrlandbaseUrlfromPlatformConfig(#54874)router
withNavigationErrorHandlercan convert errors to redirects (#55370)UrlTreewithNavigationBehaviorOptionsfrom guards (#45023)RedirectCommand(#54556)RouterOutletEnvironmentInjector(#54265)RouterOutletEnvironmentInjector(#54265)service-worker
controllerchange(#54222)controllerchangelistener when app is destroyed (#55365)v17.3.12Compare Source
compiler
v17.3.11Compare Source
17.3.11 (2024-06-05)
v17.3.10Compare Source
v17.3.9Compare Source
v17.3.8Compare Source
compiler
core
v17.3.7Compare Source
compiler-cli
core
router
v17.3.6Compare Source
core
ActivatedRouteinject correct instance inside@deferblocks (#55374)v17.3.5Compare Source
v17.3.4Compare Source
common
v17.3.3Compare Source
17.3.3 (2024-04-03)
core
ChainedInjectors in injector debug utils (#55144)migrations
v17.3.2Compare Source
compiler
compiler-cli
core
@deferblocks (#55079)http
migrations
router
v17.3.1Compare Source
compiler
v17.3.0Compare Source
compiler
compiler-cli
ModuleWithProvidersliteral detection withtypeof(#54650)core
output()API (#54650)outputFromObservable()interop function (#54650)outputToObservableinterop helper (#54650)asReadonly. (#54706)DestroyRefinEventEmitter(#54748)http
router
v17.2.4Compare Source
compiler-cli
core
@deferdependencies (#54667)--strictFunctionTypes(#54652)asReadonly. (#54719)v17.2.3Compare Source
common
AsyncPipeshould not callmarkForCheckon subscription (#54554)compiler-cli
core
@deferblock (#52881)migrations
v17.2.2Compare Source
common
compiler
compiler-cli
core
migrations
router
v17.2.1Compare Source
compiler-cli
v17.2.0Compare Source
common
compiler
useTemplatePipeline(#54057)compiler-cli
@Injectableclasses in local compilation mode (#54139)forbidOrphanComponentsis set (#54139)core
http
v17.1.3Compare Source
compiler-cli
core
afterRenderhooks should allow updating state (#54074)markForCheckby partially reverting #54074 (#54329)router
v17.1.2Compare Source
animations
common
compiler
core
migrations
v17.1.1Compare Source
router
lasthelper with nativeArray.at(-1)(#54021)v17.1.0Compare Source
compiler
compiler-cli
getConstructorDependencieshelper to work with reflection host after the previous change (#52215)core
inputAPI for signal-based inputs (#53872)SignalNodereactive node incorrectly exposing unset field (#53571)router
NavigationExtras(#53303)onSameUrlNavigation: 'ignore'innavigateByUrl(#52265)v17.0.9Compare Source
common
compiler
compiler-cli
core
afterRenderhooks now only run onApplicationRef.tick(#52455)migrations
platform-server
v17.0.8Compare Source
compiler
core
migrations
router
v17.0.7Compare Source
compiler
compiler-cli
core
migrations
platform-browser
router
v17.0.6Compare Source
compiler
compiler-cli
core
@forloops (#53274)migrations
router
v17.0.5Compare Source
core
migrations
@for(#53238)router
v17.0.4Compare Source
common
loadon image once it fails to load (#52990)compiler
compiler-cli
core
getDeferBlocksis invoked in tests (#52973)migrations
v17.0.3Compare Source
animations
core
http
content-typeto set the blobtype. (#52840)migrations
v17.0.2Compare Source
compiler-cli
core
@for(#52697)v17.0.1Compare Source
http
migrations
Web Frameworks: the internet frontier.
These are the voyages of the framework Angular.
Its continuing mission:
To explore strange, new technologies.
To seek out new users and new applications.
To boldly go where no web framework has gone before.
In honor of v17.0.1
Live long and prosper 🖖🏻
v17.0.0Compare Source
Blog post "Angular v17 is now available".
Breaking Changes
Node.js v16 support has been removed and the minimum support version has been bumped to 18.13.0.
Node.js v16 is planned to be End-of-Life on 2023-09-11. Angular will stop supporting Node.js v16 in Angular v17. For Node.js release schedule details, please see: https://github.com/nodejs/release#release-schedule
common
migrating from the previously used == operator. NgSwitch expressions and / or
individual condition values need adjusting to this stricter equality
check. The added warning message should help pin-pointing NgSwitch
usages where adjustments are needed.
core
Angular now requires
zone.jsversion~0.14.0Versions of TypeScript older than 5.2 are no longer supported.
The
mutatemethod was removed from theWritableSignalinterface and completelydropped from the public API surface. As an alternative, please use the
updatemethod andmake immutable changes to the object.
Example before:
Example after:
OnPushcomponents that are created dynamically nowonly have their host bindings refreshed and
ngDoCheck runduring changedetection if they are dirty.
Previously, a bug in the change detection would result in the
OnPushconfiguration of dynamically created components to be ignored when
executing host bindings and the
ngDoCheckfunction. This israrely encountered but can happen if code has a handle on the
ComponentRefinstance and updates values read in theOnPushcomponent template without then calling either
markForCheckordetectChangeson that component'sChangeDetectorRef.platform-browser
REMOVE_STYLES_ON_COMPONENT_DESTROYdefault value is nowtrue. This causes CSS of components to be removed from the DOM when destroyed. You retain the previous behaviour by providing theREMOVE_STYLES_ON_COMPONENT_DESTROYinjection token.The
withNoDomReuse()function was removed from the public API. If you need to disable hydration, you can exclude theprovideClientHydration()call from provider list in your application (which would disable hydration features for the entire application) or usengSkipHydrationattribute to disable hydration for particular components. See this guide for additional information: https://angular.io/guide/hydration#how-to-skip-hydration-for-particular-components.router
Absolute redirects no longer prevent further redirects.
Route configurations may need to be adjusted to prevent infinite
redirects where additional redirects were previously ignored after an
absolute redirect occurred.
Routes with
loadComponentwould incorrectly causechild routes to inherit their data by default. The default
paramsInheritanceStrategyisemptyOnly. If parent data should beinherited in child routes, this should be manually set to
always.urlHandlingStrategyhas been removed from the Router public API.This should instead be configured through the provideRouter or RouterModule.forRoot APIs.
The following Router properties have been removed from
the public API:
These should instead be configured through the
provideRouterorRouterModule.forRootAPIs.The
setupTestingRouterfunction has been removed. UseRouterModule.forRootorprovideRouterto setup theRouterfortests instead.
malformedUriErrorHandleris no longer available inthe
RouterModule.forRootoptions. URL parsing errors should instead behandled in the
UrlSerializer.parsemethod.zone.js
Deep and legacy
dist/imports likezone.js/bundles/zone-testing.jsandzone.js/dist/zoneare no longer allowed.zone-testing-bundleandzone-testing-node-bundleare also no longer part of the package.The proper way to import
zone.jsandzone.js/testingis:Deprecations
animations
AnimationDriver.NOOPsymbol is deprecated, useNoopAnimationDriverinstead.core
ChangeDetectorRef.checkNoChangesis deprecated.Test code should use
ComponentFixtureinstead ofChangeDetectorRef.Application code should not call
ChangeDetectorRef.checkNoChangesdirectly.Swapping out the context object for
EmbeddedViewRefis no longer supported. Support for this was introduced with v12.0.0, but
this pattern is rarely used. There is no replacement, but you can use
simple assignments in most cases, or
Object.assign, or alternativelystill replace the full object by using a
Proxy(seeNgTemplateOutletas an example).
Also adds a warning if the deprecated
NgProbeToken
The
NgProbeTokenis not used internally since the transition from View Engine to Ivy. The token has no utility and can be removed from applications and libraries.animations
AnimationDriver.NOOP(#51843)benchpress
common
DatePipeConfig(#51287)compiler
compiler-cli
core
ChangeDetectorRef.checkNoChanges(#52431)CompilerOptions.useJitandCompilerOptions.missingTranslation. (#49672)rejectErrorsoption totoSignal(#52474)afterRenderin reactive contexts (#52138)effectinside reactive contexts (#52138)performance.mark(#52505)getDependenciesFromInjectable(#52450)EmbeddedViewRef(#51887)NgProbeToken(#51396)http
language-service
localize
migrations
TransferState,StateKeyandmakeStateKeymigration. (#49594)platform-browser
EventManagerPluginin the public API. (#49969)withNoDomReusefunction (#52057)platform-server
router
urlHandlingStrategyfrom public Router properties (#51631)ExtraOptions(#51745)v16.2.12Compare Source
animations
finishlistener once player is destroyed (#51136)common
compiler-cli
v16.2.11Compare Source
core
providedIn(#52365)router
RouterTestingHarnessshould throw if a component is expected but navigation fails (#52357)v16.2.10Compare Source
v16.2.9Compare Source
forms
v16.2.8Compare Source
language-service
ts.Projectreloads (#51912)service-worker
v16.2.7Compare Source
core
service-worker
handleFetchfails (#51885)v16.2.6Compare Source
core
v16.2.5Compare Source
v16.2.4Compare Source
v16.2.3Compare Source
animations
compiler-cli
core
language-service
v16.2.2Compare Source
common
compiler-cli
core
router
canceledNavigationResolution: 'computed'works on first page (#51441)v16.2.1Compare Source
animations
finishlistener once player is destroyed (#51136)common
compiler-cli
v16.2.0Compare Source
benchpress
common
compiler
compiler-cli
core
router
fixtureof theRouterTestingHarness(#50280)v16.1.9Compare Source
v16.1.8Compare Source
compiler
v16.1.7Compare Source
http
Zoneis defined (#51119)v16.1.6Compare Source
http
v16.1.5Compare Source
animations
core
derefreturningnullonRefactiveNode. (#50992)platform-browser
REMOVE_STYLES_ON_COMPONENT_DESTROYis enabled. (#51005)upgrade
takeUntilon leaky subscription. (#50901)v16.1.4Compare Source
core
setTimeoutwhen coalescing tasks in Node.js (#50820)upgrade
v16.1.3Compare Source
core
elements
platform-browser
v16.1.2Compare Source
http
v16.1.1Compare Source
compiler-cli
core
migrations
v16.1.0Compare Source
compiler
core
http
fetchBackend for theHttpClient(#50247)v16.0.6Compare Source
core
v16.0.5Compare Source
compiler
core
ngOnInitcorrectly before server render (#50573)platform-server
v16.0.4Compare Source
animations
common
core
ApplicationRef.isStableto account for rendering pending tasks (#50425)v16.0.3Compare Source
core
Selfflag inside embedded views with custom injectors (#50270)http
v16.0.2Compare Source
core
isSignalfunction (#50035)v16.0.1Compare Source
core
v16.0.0Compare Source
Blog post "Angular v16 is now available".
Breaking Changes
EventManagermethodaddGlobalEventListenerhas been removed as it is not used by Ivy.bazel
common
MockPlatformLocationis now provided by default in tests.Existing tests may have behaviors which rely on
BrowserPlatformLocationinstead. For example, direct access to thewindow.historyin either the test or the component rather than goingthrough the Angular APIs (
Location.getState()). The quickest fix is toupdate the providers in the test suite to override the provider again
TestBed.configureTestingModule({providers: [{provide: PlatformLocation, useClass: BrowserPlatformLocation}]}).The ideal fix would be to update the code to instead be compatible with
MockPlatformLocationinstead.Before the change, the following template was compiling:
However, it does not compile now because the 'xxx' property does not exist in 'MyContext', resulting in the error: 'Type '{ $implicit: string; xxx: string; }' is not assignable to type 'MyContext'.'
The solution is either:
XhrFactoryexport from@angular/common/httphas been removed. UseXhrFactoryfrom@angular/commoninstead.compiler
core
QueryList.filter now supports type guard functions, which will result in type narrowing. Previously if you used type guard functions, it resulted in no changes to the return type. Now the type would be narrowed, which might require updates to the application code that relied on the old behavior.
zone.jsversions0.11.xand0.12.xare not longer supported.entryComponentshas been deleted from the@NgModuleand@Componentpublic APIs. Any usages can be removed since they weren't doing anyting.ANALYZE_FOR_ENTRY_COMPONENTSinjection token has been deleted. Any references can be removed.ComponentRef.setInput will only set the input on the
component if it is different from the previous value (based on
Object.isequality). If code relies on the input always being set, it should be
updated to copy objects or wrap primitives in order to ensure the input
value differs from the previous call to
setInput.RendererType2.stylesno longer accepts a nested arrays.The
APP_IDtoken value is no longer randomly generated. If you are bootstrapping multiple application on the same page you will need to set to provide theAPP_IDyourself.The
ReflectiveInjectorand related symbols were removed. Please update the code to avoid references to theReflectiveInjectorsymbol. UseInjector.createas a replacement to create an injector instead.Node.js v14 support has been removed
Node.js v14 is planned to be End-of-Life on 2023-04-30. Angular will stop supporting Node.js v14 in Angular v16. Angular v16 will continue to officially support Node.js versions v16 and v18.
platform-browser
BrowserTransferStateModulewas removed, since it's no longer needed. TheTransferStateclass can be injected without providing the module. TheBrowserTransferStateModulewas empty starting from v14 and you can just remove the reference to that module from your applications.platform-server
Users that are using SSR with JIT mode will now need to add
import to @​angular/compilerbefore bootstrapping the application.NOTE: this does not effect users using the Angular CLI.
renderApplicationmethod no longer accepts a root component as first argument. Instead, provide a bootstrapping function that returns aPromise<ApplicationRef>.Before
Now
renderModuleFactoryhas been removed. UserenderModuleinstead.router
Scrollevent'srouterEventproperty may also bea
NavigationSkippedevent. Previously, it was only aNavigationEndevent.
ComponentFactoryResolverhas been removed from Router APIs.Component factories are not required to create an instance of a component
dynamically. Passing a factory resolver via resolver argument is no longer needed
and code can instead use
ViewContainerRef.createComponentwithout thefactory resolver.
RouterEventtype is no longer present in theEventunion type representing all router event types. If you have code using something likefilter((e: Event): e is RouterEvent => e instanceof RouterEvent), you'll need to update it tofilter((e: Event|RouterEvent): e is RouterEvent => e instanceof RouterEvent).ActivatedRouteinstances may need to be adjustedbecause Router.createUrlTree now does the right thing in more
scenarios. This means that tests with invalid/incomplete ActivatedRoute mocks
may behave differently than before. Additionally, tests may now navigate
to a real URL where before they would navigate to the root. Ensure that
tests provide expected routes to match.
There is rarely production impact, but it has been found that relative
navigations when using an
ActivatedRoutethat does not appear in thecurrent router state were effectively ignored in the past. By creating
the correct URLs, this sometimes resulted in different navigation
behavior in the application. Most often, this happens when attempting to
create a navigation that only updates query params using an empty
command array, for example
router.navigate([], {relativeTo: route, queryParams: newQueryParams}). In this case, therelativeTopropertyshould be removed.
Deprecations
core
makeStateKey,StateKeyandTransferStateexports have been moved from@angular/platform-browserto@angular/core. Please update the imports.EnvironmentInjector.runInContextis now deprecated, withrunInInjectionContextfunctioning as a direct replacement:The
@Directive/@ComponentmoduleIdproperty is nowdeprecated. It did not have any effect for multiple major versions and
will be removed in v17.
platform-browser
BrowserModule.withServerTransitionhas been deprecated.APP_IDshould be used instead to set the application ID.NB: Unless, you render multiple Angular applications on the same page, setting an application ID is not necessary.
Before:
After:
ApplicationConfighas moved, please importApplicationConfigfrom@angular/coreinstead.platform-server
PlatformConfig.baseUrlandPlatformConfig.useAbsoluteUrlplatform-server config options are deprecated as these were not used.EventManagermethodaddGlobalEventListener(#49645)common
XhrFactoryexport fromhttpentrypoint (#49251)compiler
extends(#49125)compiler-cli
nSkipHydration(#49512)core
assertInInjectionContext(#49529)mergeApplicationConfigmethod (#49253)NgZoneinbootstrapApplication(#49557)moduleIdreferences (#49496)factoriesproperty forIterableDiffers: Breaking change (#49598)zone.jsversions<=0.12.0(#49331)makeStateKey,StateKeyandTransferState(#49563)takeUntilDestroyedin rxjs-interop (#49154)runInInjectionContextand deprecate prior version (#49396)moduleId@Componentproperty (#49496)InitialRenderPendingTaskspromise on complete (#49784)markForCheck(#49711)RendererType2.stylesto accept a only a flat array (#49072)ReflectiveInjectorsymbol (#48103)forms
http
HttpClientto cache requests (#49509)pendingTasks.whenAllTasksComplete(#49784)migrations
Routerguard and resolver interfaces (#49337)platform-browser
withServerTransitioncall (#49422)provideClientHydration(#49699)TransferStateas type (#50015)ng-app-idto style on server side (#49465)ApplicationConfigto core (#49253)BrowserTransferStateModulesymbol (#49718)platform-server
renderApplicationnow accepts a bootstrapping method (#49248)provideServerSupportfunction to provide server capabilities to an application (#49380)provideServerSupporttoprovideServerRendering(#49678)@angular/platform-browser-dynamic(#50064)useAbsoluteUrlandbaseUrl(#49546)renderApplicationoverload that accepts a component (#49463)renderModuleFactory(#49247)router
Navigation(#49235)Routerinformation to component inputs (#49633)service-worker
v15.2.10Compare Source
service-worker
v15.2.9Compare Source
common
compiler-cli
v15.2.8Compare Source
core
http
router
v15.2.7Compare Source
compiler
compiler-cli
core
markForCheck(#49747)Special Thanks
Alan Agius, Andrew Kushnir, Andrew Scott, Kristiyan Kostadinov, Matthieu Riegler and Nikola Kološnjaji
v15.2.6Compare Source
core
router
Special Thanks
Andrew Scott, Guillaume Weghsteen, John Manners, Johnny Gérard, Matthieu Riegler, Robin Richtsfeld, Sandra Limacher, Sarthak Thakkar, Vinit Neogi and vikram menon
v15.2.5Compare Source
common
compiler
core
router
Special Thanks
Alan Agius, Andrew Scott, Asaf Malin, Jan Cabadaj, Kristiyan Kostadinov, Matthieu Riegler, Paul Gschwendtner, Sid and Tano Abeleyra
v15.2.4Compare Source
core
TestBed.configureTestingModuleto work with recursive cycle of standalone components. (#49473)Special Thanks
Aditya Srinivasan, Alex Rickabaugh, Andrew Scott, Kristiyan Kostadinov, Masaoki Kobayashi, Matthieu Riegler, Paul Gschwendtner, Peter Götz, Thomas Pischke, Virginia Dooley and avmaxim
v15.2.3Compare Source
Special Thanks
Alan Agius, Esteban Gehring, Matthieu Riegler and Virginia Dooley
v15.2.2Compare Source
migrations
Special Thanks
Alan Agius, Andrew Kushnir, Andrew Scott, Kristiyan Kostadinov, Matthieu Riegler, Paul Gschwendtner, Sai Kartheek Bommisetty and Vinit Neogi
v15.2.1Compare Source
service-worker
v15.2.0Compare Source
Deprecations
InjectionTokenguards and resolvers aredeprecated. Instead, write guards as plain JavaScript functions and
inject dependencies with
injectfrom@angular/core.common
compiler-cli
core
language-service
migrations
enuminmodeoption instandaloneschema (#48851)platform-browser
platform-server
router
Special Thanks
Alan Agius, Alex Castle, Alex Rickabaugh, Andrew Kushnir, Andrew Scott, Dylan Hunn, Ikko Eltociear Ashimine, Ilyass, Jessica Janiuk, Joey Perrott, John Manners, Kalbarczyk, Kristiyan Kostadinov, Matthieu Riegler, Paul Gschwendtner, Pawel Kozlowski, Virginia Dooley, Walid Bouguima, cexbrayat and mgechev
v15.1.5Compare Source
forms
[attr.disabled](#48864)Special Thanks
AleksanderBodurri, Alvaro Junqueira, Dylan Hunn, Joey Perrott, Matthieu Riegler, PaloMiklo and Paul Gschwendtner
v15.1.4Compare Source
Special Thanks
Jessica Janiuk, Kian Yang Lee, Matthieu Riegler, Redouane Bekkouche and Simona Cotin
v15.1.3Compare Source
animations
common
compiler
migrations
platform-server
scriptbefore otherscripttags (#48868)router
Special Thanks
Alan Agius, Besim Gürbüz, Brecht Billiet, Dario Piotrowicz, Dylan Hunn, Iván Navarro, Jessica Janiuk, Kristiyan Kostadinov, Matthieu Riegler, Onkar Ruikar, Payam Valadkhan, Santosh Yadav, Virginia Dooley and Walid Bouguima
v15.1.2Compare Source
compiler
compiler-cli
router
Special Thanks
Alan Agius, AleksanderBodurri, Andrew Kushnir, Andrew Scott, Charles Lyding, Dylan Hunn, JoostK, Matthieu Riegler, Paul Gschwendtner, Payam Valadkhan, Virginia Dooley, Yann Thomas LE MOIGNE and dario-piotrowicz
v15.1.1Compare Source
common
Locationto get a normalized URL valid in case a represented URL starts with the substring equalsAPP_BASE_HREF(#48489)core
Special Thanks
Alan Agius, Alex Rickabaugh, Andrew Scott, Aristeidis Bampakos, Bob Watson, Jens, Konstantin Kharitonov, Kristiyan Kostadinov, Matthieu Riegler, Paul Gschwendtner, Pawel Kozlowski, Vladyslav Slipchenko, ced, dario-piotrowicz, mgechev and ノウラ
v15.1.0Compare Source
Deprecations
router
CanLoad guards in the Router are deprecated. Use CanMatch
instead.
router writable properties
The following strategies are meant to be configured by registering the
application strategy in DI via the
providersin the rootNgModuleorbootstrapApplication:routeReuseStrategytitleStrategyurlHandlingStrategyThe following options are meant to be configured using the options
available in
RouterModule.forRootorprovideRouter.onSameUrlNavigationparamsInheritanceStrategyurlUpdateStrategycanceledNavigationResolutionThe following options are available in
RouterModule.forRootbut notavailable in
provideRouter:malformedUriErrorHandler- This was found to not be used anywhereinternally.
errorHandler- Developers can instead subscribe toRouter.eventsand filter for
NavigationError.common
compiler
compiler-cli
@babel/coredependency and lock version (#48634)core
TestBed.runInInjectionContextto help test functions which useinject(#47955)isStandalone()function available in public API (#48114)forms
language-service
package.jsonfor vscode extension resolution (#48678)/apientry-point (#48670)localize
@angular/localizeon `ng add (#48502)migrations
router
onSameUrlNavigationdefault per-navigation (#48050)Special Thanks
Alan Agius, Alex Castle, Alex Rickabaugh, Andrew Kushnir, Andrew Scott, Bob Watson, Charles Lyding, Derek Cormier, Doug Parker, Dylan Hunn, George Kalpakas, Greg Magolan, Jessica Janiuk, JiaLiPassion, Joey Perrott, Kristiyan Kostadinov, Matthieu Riegler, Paul Gschwendtner, Pawel Kozlowski, Renan Ferro, Tim Gates, Vadim, Virginia Dooley, ced, mgechev, piyush132000, robertIsaac and sr5434
v15.0.4Compare Source
animations
common
compiler-cli
Special Thanks
Alan Agius, Andrew Kushnir, Andrew Scott, Aristeidis Bampakos, Bob Watson, BrowserPerson, Jens, Jessica Janiuk, Joey Perrott, JoostK, Konstantin Kharitonov, Lukas Matta, Piotr Kowalski, Virginia Dooley, Yannick Baron, dario-piotrowicz, lsst25, piyush132000 and why520crazy
v15.0.3Compare Source
common
Locationto support base href containingorigin(#48327)compiler
compiler-cli
core
Special Thanks
Alan Agius, Alex Castle, Andrew Kushnir, Andrew Scott, Bob Watson, Derek Cormier, Joey Perrott, Konstantin Kharitonov, Kristiyan Kostadinov, Paul Gschwendtner, Pawel Kozlowski, dario-piotrowicz and piyush132000
v15.0.2Compare Source
compiler-cli
Special Thanks
Alan Agius, Andrew Scott, Aristeidis Bampakos, Bob Watson, Derek Cormier, JoostK, Kristiyan Kostadinov, Matthieu Riegler, Paul Gschwendtner, Pawel Kozlowski, Rokas Brazdžionis, mgechev and piyush132000
v15.0.1Compare Source
common
forms
language-service
router
Special Thanks
Alan Agius, Andrew Scott, Bjarki, Bob Watson, Brooke, Derek Cormier, Dylan Hunn, George Kalpakas, Greg Magolan, Ikko Ashimine, Ivan Rodriguez, Jessica Janiuk, Joe Roxbury, Joey Perrott, Kristiyan Kostadinov, Matthieu Riegler, Mikhail Savchuk, Nebojsa Cvetkovic, Pawel Kozlowski, Volodymyr and Wooshaah
v15.0.0Compare Source
Blog post "Angular v15 is now available".
Breaking Changes
compiler
Keyframes names are now prefixed with the component's "scope name".
For example, the following keyframes rule in a component definition,
whose "scope name" is host-my-cmp:
@keyframes foo { ... }
will become:
@keyframes host-my-cmp_foo { ... }
Any TypeScript/JavaScript code which relied on the names of keyframes rules
will no longer match.
The recommended solutions in this case are to either:
NoneorShadowDomcompiler-cli
Invalid constructors for DI may now report compilation errors
When a class inherits its constructor from a base class, the compiler may now
report an error when that constructor cannot be used for DI purposes. This may
either be because the base class is missing an Angular decorator such as
@Injectable()or@Directive(), or because the constructor contains parameterswhich do not have an associated token (such as primitive types like
string).These situations used to behave unexpectedly at runtime, where the class may be
constructed without any of its constructor parameters, so this is now reported
as an error during compilation.
Any new errors that may be reported because of this change can be resolved either
by decorating the base class from which the constructor is inherited, or by adding
an explicit constructor to the class for which the error is reported.
Angular compiler option
enableIvyhas been removed as Ivy is the only rendering engine.core
14.[15-19].xand16.[10-12].x. Current supported versions of Node.js are14.20.x,16.13.xand18.10.x.srcorsrcdocpreceding other attributes. Such usages may need to be updated to ensure compliance with the new stricter rules around iframe bindings.forms
ControlValueAccessoris attached. You can opt-out withFormsModule.withConfigorReactiveFormsModule.withConfig.localize
canParsemethod has been removed from all translation parsers in@angular/localize/tools.analyzeshould be used instead.hintparameter in theparsemethods is now mandatory.router
RouterOutletwould immediatelyinstantiate the component being activated during navigation. Now the
component is not instantiated until the change detection runs. This
could affect tests which do not trigger change detection after a router
navigation. In rarer cases, this can affect production code that relies
on the exact timing of component availability.
relativeLinkResolutionis no longer configurable inthe Router. This option was used as a means to opt out of a bug fix.
Deprecations
common
DATE_PIPE_DEFAULT_TIMEZONEtoken is now deprecated in favorof the
DATE_PIPE_DEFAULT_OPTIONStoken, which accepts an objectas a value and the timezone can be defined as a field (called
timezone)on that object.
core
NgModuleto theprovidedInoption for@InjectableandInjectionTokenis now deprecated.providedIn: NgModulewas intended to be a tree-shakable alternative toNgModule providers. It does not have wide usage, and in most cases is used
incorrectly, in circumstances where
providedIn: 'root'should bepreferred. If providers should truly be scoped to a specific NgModule, use
NgModule.providersinstead.providedIn: 'any'for an@InjectableorInjectionTokenis now deprecated.providedIn: 'any'is an option with confusing semantics and is almostnever used apart from a handful of esoteric cases internal to the framework.
The bit field signature of
Injector.get()has been deprecated, in favor of the new options object.The bit field signature of
TestBed.inject()has been deprecated, in favor of the new options object.router
RouterLinkWithHrefdirective is deprecated, use theRouterLinkdirective instead. TheRouterLinkcontains the code from theRouterLinkWithHrefto handle elements withhrefattributes.common
provideLocationMocks()function to provide Location mocks (#47674)rawSrc->ngSrcin NgOptimizedImage directive (#47362)compiler
compiler-cli
strictInjectionParametersrequirement (#44615)enableIvyoptions (#47346)core
providedIn: NgModuleandprovidedIn: 'any'(#47616)⚠️ Artifact update problem
Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.
♻ Renovate will retry this branch, including artifacts, only when one of the following happens:
The artifact failure details are included below:
File name: package-lock.json
Update dependency @angular/animations to v18to Update dependency @angular/animations to v18 - autoclosedPull request closed