
Angular 15

This MR contains the following updates:
Package | Type | Update | Change |
---|---|---|---|
@angular/animations | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/common | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/compiler | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/compiler-cli | devDependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/core | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/forms | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/localize | devDependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/platform-browser | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/platform-browser-dynamic | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/router | dependencies | major | ^14.2.1 -> ^15.0.0 |
@angular/service-worker | dependencies | major | ^14.2.1 -> ^15.0.0 |
Release Notes
angular/angular
v15.1.2
compiler
Commit | Type | Description |
---|---|---|
98ccb57117 | fix | handle css selectors with space after an escaped character. (#48558) |
compiler-cli
Commit | Type | Description |
---|---|---|
145f848a10 | fix | resolve deprecation warning (#48812) |
router
Commit | Type | Description |
---|---|---|
a6b10f6e59 | fix | 'createUrlTreeFromSnapshot' with empty paths and named outlets (#48734) |
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.1
common
Commit | Type | Description |
---|---|---|
68ce4f6ab4 | fix | Update Location to get a normalized URL valid in case a represented URL starts with the substring equals APP_BASE_HREF (#48489) |
032b2bd689 | perf | avoid excessive DOM mutation in NgClass (#48433) |
core
Commit | Type | Description |
---|---|---|
dd54f6bd96 | fix | makeEnvironmentProviders should accept EnvironmentProviders (#48720) |
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.0
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
providers
in the rootNgModule
orbootstrapApplication
:routeReuseStrategy
titleStrategy
urlHandlingStrategy
The following options are meant to be configured using the options available in
RouterModule.forRoot
orprovideRouter
.onSameUrlNavigation
paramsInheritanceStrategy
urlUpdateStrategy
canceledNavigationResolution
The following options are available in
RouterModule.forRoot
but not available inprovideRouter
:-
malformedUriErrorHandler
- This was found to not be used anywhere internally. -
errorHandler
- Developers can instead subscribe toRouter.events
and filter forNavigationError
.
common
Commit | Type | Description |
---|---|---|
fe50813664 | feat | Add BrowserPlatformLocation to the public API (#48488) |
2f4f0638c7 | fix | Add data attribtue to NgOptimizedImage (#48497) |
compiler
Commit | Type | Description |
---|---|---|
a532d71975 | feat | allow self-closing tags on custom elements (#48535) |
caf7228f8a | fix | resolve deprecation warning (#48652) |
33f35b04ef | fix | type-only symbols incorrectly retained when downlevelling custom decorators (#48638) |
compiler-cli
Commit | Type | Description |
---|---|---|
caedef0f5b | fix | update @babel/core dependency and lock version (#48634) |
core
Commit | Type | Description |
---|---|---|
6acae1477a | feat | Add TestBed.runInInjectionContext to help test functions which use inject (#47955) |
38421578a2 | feat | Make the isStandalone() function available in public API (#48114) |
dd42974b07 | feat | support TypeScript 4.9 (#48005) |
forms
Commit | Type | Description |
---|---|---|
8aa8b4b77c | fix | Form provider FormsModule.withConfig return a FormsModule (#48526) |
language-service
Commit | Type | Description |
---|---|---|
5f0b53c735 | feat | Allow auto-imports to suggest multiple possible imports. (#47787) |
6a8ea29a04 | fix | expose package.json for vscode extension resolution (#48678) |
ce8160ecb2 | fix | Prevent crashes on unemitable references (#47938) |
e615b598ba | fix | ship /api entry-point (#48670) |
6ce7d76a0e | fix | update packages/language-service/build.sh script to work with vscode-ng-language-service's new Bazel build (#48663) |
localize
Commit | Type | Description |
---|---|---|
a1a8e91eca | fix | add triple slash type reference on @angular/localize on `ng add (#48502) |
migrations
Commit | Type | Description |
---|---|---|
cc284afbbc | fix | combine newly-added imports in import manager (#48620) |
router
Commit | Type | Description |
---|---|---|
228e992db7 | docs | Deprecate canLoad guards in favor of canMatch (#48180) |
0a8b8a66cd | docs | Deprecate public members of Router that are meant to be configured elsewhere (#48006) |
332461bd0c | feat | Add ability to override onSameUrlNavigation default per-navigation (#48050) |
f58ad86e51 | feat | Add feature provider for enabling hash navigation (#48301) |
73f03ad2d2 | feat | Add new NavigationSkipped event for ignored navigations (#48024) |
3fe75710d9 | fix | page refresh should not destroy history state (#48540) |
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.4
animations
Commit | Type | Description |
---|---|---|
6c1064c72f | fix | fix incorrect handling of camel-case css properties (#48436) |
common
Commit | Type | Description |
---|---|---|
f30d18a942 | fix | Fix TestBed.overrideProvider type to include multi (#48424) |
compiler-cli
Commit | Type | Description |
---|---|---|
b55d2dab5d | fix | evaluate const tuple types statically (#48091) |
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.3
common
Commit | Type | Description |
---|---|---|
50b1c2bf52 | fix | Don't generate srcsets with very large sources (#47997) |
bf44dc234a | fix | Update Location to support base href containing origin (#48327) |
compiler
Commit | Type | Description |
---|---|---|
9a5d84249a | fix | make sure selectors inside container queries are correctly scoped (#48353) |
compiler-cli
Commit | Type | Description |
---|---|---|
167bc0d163 | fix | Produce diagnostic rather than crash when using invalid hostDirective (#48314) |
core
Commit | Type | Description |
---|---|---|
e4dcaa513e | fix | unable to inject ChangeDetectorRef inside host directives (#48355) |
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.2
compiler-cli
Commit | Type | Description |
---|---|---|
86a21f5569 | fix | accept inheriting the constructor from a class in a library (#48156) |
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.1
common
Commit | Type | Description |
---|---|---|
930af9dd26 | fix | Fix MockPlatformLocation events and missing onPopState implementation (#48113) |
forms
Commit | Type | Description |
---|---|---|
b342e55509 | fix | don't mutate validators array (#47830) |
a12a120272 | fix | FormBuilder.group return right type with shorthand parameters. (#48084) |
language-service
Commit | Type | Description |
---|---|---|
cc8b76ef7c | fix | correctly handle host directive inputs/outputs (#48147) |
a8c33bf931 | fix | update packages/language-service/build.sh script to work with vscode-ng-language-service's new Bazel build (#48120) |
router
Commit | Type | Description |
---|---|---|
e4309d57d8 | fix | correct type of nextState parameter in canDeactivate (#48038) |
9baefd085f | fix | Ensure renavigating in component init works with enabledBlocking (#48063) |
fa5528fb5f | fix | restore 'history.state' on popstate even if navigationId missing (#48033) |
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.0
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:
- change the component's view encapsulation to the
None
orShadowDom
- define keyframes rules in global stylesheets (e.g styles.css)
- define keyframes rules programmatically in code.
- change the component's view encapsulation to the
compiler-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 parameters which do not have an associated token (such as primitive types likestring
). 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
enableIvy
has been removed as Ivy is the only rendering engine.
core
- Angular no longer supports Node.js versions
14.[15-19].x
and16.[10-12].x
. Current supported versions of Node.js are14.20.x
,16.13.x
and18.10.x
. - TypeScript versions older than 4.8 are no longer supported.
- Existing iframe usages may have security-sensitive attributes applied as an attribute or property binding in a template or via host bindings in a directive. Such usages would require an update to ensure compliance with the new stricter rules around iframe bindings.
- Existing iframe usages may have
src
orsrcdoc
preceding other attributes. Such usages may need to be updated to ensure compliance with the new stricter rules around iframe bindings.
forms
- setDisabledState will always be called when a
ControlValueAccessor
is attached. You can opt-out withFormsModule.withConfig
orReactiveFormsModule.withConfig
.
localize
-
-
canParse
method has been removed from all translation parsers in@angular/localize/tools
.analyze
should be used instead. - the
hint
parameter in theparse
methods is now mandatory.
-
router
- Previously, the
RouterOutlet
would immediately instantiate 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. - The title property is now required on ActivatedRouteSnapshot
-
relativeLinkResolution
is no longer configurable in the Router. This option was used as a means to opt out of a bug fix.
Deprecations
common
- The
DATE_PIPE_DEFAULT_TIMEZONE
token is now deprecated in favor of theDATE_PIPE_DEFAULT_OPTIONS
token, which accepts an object as a value and the timezone can be defined as a field (calledtimezone
) on that object.
core
-
- The ability to pass an
NgModule
to theprovidedIn
option for@Injectable
andInjectionToken
is now deprecated.
providedIn: NgModule
was intended to be a tree-shakable alternative to NgModule providers. It does not have wide usage, and in most cases is used incorrectly, in circumstances whereprovidedIn: 'root'
should be preferred. If providers should truly be scoped to a specific NgModule, useNgModule.providers
instead.- The ability to set
providedIn: 'any'
for an@Injectable
orInjectionToken
is now deprecated.
providedIn: 'any'
is an option with confusing semantics and is almost never used apart from a handful of esoteric cases internal to the framework. - The ability to pass an
-
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
- The
RouterLinkWithHref
directive is deprecated, use theRouterLink
directive instead. TheRouterLink
contains the code from theRouterLinkWithHref
to handle elements withhref
attributes.
common
Commit | Type | Description |
---|---|---|
c0c7efaf7c | feat | add provideLocationMocks() function to provide Location mocks (#47674) |
75e6297f09 | feat | add preload tag on server for priority img (#47343) |
4fde292bb5 | feat | Add automatic srcset generation to ngOptimizedImage (#47547) |
9483343ebf | feat | Add fill mode to NgOptimizedImage (#47738) |
bdb5371033 | feat | add injection token for default DatePipe configuration (#47157) |
449d29b701 | fix | Add fetchpriority to ngOptimizedImage preloads (#48010) |
4f52d4e474 | fix | don't generate srcset if noopImageLoader is used (#47804) |
3a18398d83 | fix | Don't warn about image distortion is fill mode is enabled (#47824) |
edea15f2c6 | fix | export the IMAGE_CONFIG token (#48051) |
8abf1c844c | fix | fix formatting on oversized image error (#47188) |
ca7bf65933 | fix | rename rawSrc -> ngSrc in NgOptimizedImage directive (#47362) |
b3879dbf14 | fix | support density descriptors with 2+ decimals (#47197) |
fa4798095e | fix | update size error to mention 'fill' mode (#47797) |
23f210c0ab | fix | warn if using supported CDN but not built-in loader (#47330) |
945432e3fa | fix | Warn on fill ngOptimizedImage without height (#48036) |
compiler
Commit | Type | Description |
---|---|---|
051f75648d | fix | scope css keyframes in emulated view encapsulation (#42608) |
39b72e208b | fix | update element schema (#47552) |
48b354a83e | fix | update element schema (#47552) |
compiler-cli
Commit | Type | Description |
---|---|---|
bc54687c7b | fix | exclude abstract classes from strictInjectionParameters requirement (#44615) |
309b2cde51 | fix | implement more host directive validations as diagnostics (#47768) |
2e1dddec45 | fix | support hasInvalidatedResolutions. (#47585) |
19ad4987f9 | fix | use @ts-ignore. (#47636) |
8fcadaad48 | perf | cache source file for reporting type-checking diagnostics (#47471) |
16f96eeabf | refactor | remove enableIvy options (#47346) |
core
Commit | Type | Description |
---|---|---|
e3cef4a784 | docs | deprecate providedIn: NgModule and providedIn: 'any' (#47616) |
1b9fd46d14 | feat | add support for Node.js version 18 (#47730) |
ed11a13c3c | feat | drop support for TypeScript 4.6 and 4.7 (#47690) |
db28badfe6 | feat | enable the new directive composition API (#47642) |
7de1469be6 | feat | introduce EnvironmentProviders wrapper type (#47669) |
841c8e5138 | feat | support object-based DI flags in Injector.get() (#46761) |
120555a626 | feat | support object-based DI flags in TestBed.inject() (#46761) |
96c0e42e61 | fix | allow readonly arrays for standalone imports (#47851) |
28f289b825 | fix | hardening attribute and property binding rules for elements (#47964) |
d4b3c0b47c | fix | hardening rules related to the attribute order on iframe elements (#47935) |
85330f3fd9 | fix | update isDevMode to rely on ngDevMode (#47475) |
forms
Commit | Type | Description |
---|---|---|
a8569e3802 | feat | export forms utility functions: isFormArray, isFormGroup… (#47718) |
96b7fe93af | fix | call setDisabledState on ControlValueAcessor when control is enabled (#47576) |
a99d9d67f3 | fix | don't mutate validators array (#47830) |
2625dc1312 | fix | Improve a very commonly viewed error message by adding a guide. (#47969) |
ae29f98c20 | fix | Runtime error pages must begin with leading zero (#47991) |
http
Commit | Type | Description |
---|---|---|
3ba99e286a | feat | allow for child HttpClient s to request via parents (#47502) |
84d0d33c35 | feat | introduce provideHttpClientTesting provider function (#47502) |
62c7a7a16e | feat | introduce functional interceptors (#47502) |
e47b129070 | feat | introduce the provideHttpClient() API (#47502) |
ea16a98dfe | fix | better handle unexpected undefined XSRF tokens (#47683) |
e7b48da713 | fix | rename withLegacyInterceptors to withInterceptorsFromDi (#47901) |
language-service
Commit | Type | Description |
---|---|---|
bebef5fb43 | feat | Quick fix to import a component when its selector is used (#47088) |
e7ee53c541 | feat | support to fix invalid banana in box (#47393) |
localize
Commit | Type | Description |
---|---|---|
400a6b5e37 | fix | add polyfill in polyfills array instead of polyfills.ts (#47569) |
b6fd814542 | fix | update ng add schematic to support Angular CLI version 15 (#47763) |
d36fd3d9e4 | refactor | remove deprecated canParse method from TranslationParsers (#47275) |
platform-server
Commit | Type | Description |
---|---|---|
2908eba59c | fix | align server renderer interface with base renderer (#47868) |
router
Commit | Type | Description |
---|---|---|
7bee28d037 | feat | add a migration to remove relativeLinkResolution usages (#47604) |
5163e3d876 | feat | Add UrlTree constructor to public API (#47186) |
da58801f95 | feat | auto-unwrap default exports when lazy loading (#47586) |
c3f857975d | feat | make RouterOutlet name an Input so it can be set dynamically (#46569) |
f73ef21442 | feat | merge RouterLinkWithHref into RouterLink (#47630) |
16c8f55663 | feat | migrate RouterLinkWithHref references to RouterLink (#47599) |
07017a7bd3 | feat | prevent provideRouter() from usage in @Component (#47669) |
79e9e8ab77 | fix | Delay router scroll event until navigated components have rendered (#47563) |
6a88bad019 | fix | Ensure ActivatedRouteSnapshot#title has correct value (#47481) |
7b89d95c0e | fix | Remove deprecated relativeLinkResolution (#47623) |
Special Thanks
Alan Agius, AleksanderBodurri, Alex Castle, Alex Rickabaugh, Andrew Kushnir, Andrew Scott, Charles Lyding, Dylan Hunn, Ferdinand Malcher, George Kalpakas, Jeremy Elbourn, Jessica Janiuk, JiaLiPassion, Joey Perrott, JoostK, Kara Erickson, Kristiyan Kostadinov, Martin Probst, Matthias Weiß, Matthieu Riegler, Paul Gschwendtner, Pawel Kozlowski, Sabareesh Kappagantu, WD Snoeijer, angular-robot[bot], arturovt, ced, dario-piotrowicz, ivanwonder and jaybell
v14.2.12
Breaking Changes
core
- Existing iframe usages may have security-sensitive attributes applied as an attribute or property binding in a template or via host bindings in a directive. Such usages would require an update to ensure compliance with the new stricter rules around iframe bindings.
core
Commit | Type | Description |
---|---|---|
54814c8e9b | fix | hardening attribute and property binding rules for elements (#48028) |
Special Thanks
Andrew Kushnir
v14.2.11
router
Commit | Type | Description |
---|---|---|
aef353c143 | fix | Ensure renavigating in component init works with enabledBlocking (#48066) |
Special Thanks
Alan Agius, Andrew Scott and Mujo Osmanovic
v14.2.10
core
Commit | Type | Description |
---|---|---|
a4312e1be5 | fix | add zone.js version 0.12.x as a valid peer dependency (#48002) |
router
Commit | Type | Description |
---|---|---|
db867fee77 | fix | fix redirectTo on named outlets - resolves #33783 (#47927) |
Special Thanks
Alan Agius, Albert Szekely, Andrew Scott, Doug Parker, Kristiyan Kostadinov, Markus Eckstein, Peter Scriven and abergquist
v14.2.9
platform-browser
Commit | Type | Description |
---|---|---|
92d28bdd99 | perf | resolve memory leak when using animations with shadow DOM (#47903) |
platform-server
Commit | Type | Description |
---|---|---|
d2d9bbf5ce | fix | call onSerialize when state is empty (#47888) |
Special Thanks
Alan Agius, Kristiyan Kostadinov, Virginia Dooley and mgechev
v14.2.8
Special Thanks
Andrew Scott, Balaji, Paul Gschwendtner, WD Snoeijer, onrails and vyom1611
v14.2.7
Special Thanks
Bob Watson, Charles Barnes, Joey Perrott, Virginia Dooley, WD Snoeijer, abergquist and urugator
v14.2.6
compiler-cli
Commit | Type | Description |
---|---|---|
3fd176a905 | fix | add missing period to error message (#47744) |
c3821f5ab5 | perf | minimize filesystem calls when generating shims (#47682) |
Special Thanks
Alan Agius, Andrew Kushnir, Andrew Scott, Aristeidis Bampakos, Bob Watson, Charles Lyding, Joey Perrott, Joshua Morony, Mathew Berg, Paul Gschwendtner, Peter Dickten, Renan Ferro, Sri Ram, WD Snoeijer, markostanimirovic and Álvaro Martínez
v14.2.5
This release contains various API docs improvements.
Special Thanks
Alexander Wiebe, Ciprian Sauliuc, Dmytro Mezhenskyi, George Kalpakas, Joe Martin (Crowdstaffing), Jordan, Ole M, Paul Gschwendtner, Pawel Kozlowski and mgechev
v14.2.4
compiler-cli
Commit | Type | Description |
---|---|---|
a4b66fe1e5 | perf | cache source file for reporting type-checking diagnostics (#47508) |
core
Commit | Type | Description |
---|---|---|
2c46b5ab24 | fix | correctly check for typeof of undefined in ngDevMode check (#47480) |
Special Thanks
Alan Agius, Ashley Hunter, Doug Parker, Jessica Janiuk, JoostK, Kristiyan Kostadinov, Rokas Brazdžionis and Simona Cotin
v14.2.3
animations
Commit | Type | Description |
---|---|---|
bba2dae812 | fix | make sure that the useAnimation function delay is applied (#47468) |
Special Thanks
AleksanderBodurri, Andrew Kushnir, Andrew Scott, Bob Watson, George Kalpakas, Joey Perrott, Mauro Mattos, dario-piotrowicz, fabioemoutinho and famzila
v14.2.2
animations
Commit | Type | Description |
---|---|---|
937e6c5b3d | fix | make sure that the animation function delay is applied (#47285) |
common
Commit | Type | Description |
---|---|---|
c9bdf9bab1 | fix | rename rawSrc -> ngSrc in NgOptimizedImage directive (#47362) (#47396) |
core
Commit | Type | Description |
---|---|---|
a3e1303f04 | fix | imply @Optional flag when a default value is provided (#47242) |
forms
Commit | Type | Description |
---|---|---|
80c66a1e57 | fix | don't prevent default behavior for forms with method="dialog" (#47308) |
Special Thanks
Abhishek Rawat, Andrew Kushnir, Benjamin Chanudet, Bob Watson, George Kalpakas, Ikko Ashimine, Kristiyan Kostadinov, Marc Wrobel, Mariia Subkov, Pawel Kozlowski, Sebastian, abergquist, dario-piotrowicz, onrails and vyom1611
Configuration
-
If you want to rebase/retry this MR, click this checkbox.
This MR has been generated by Renovate Bot.