@angular/elements
Advanced tools
Changelog
16.0.5 (2023-06-08)
| Commit | Type | Description | | -- | -- | -- | | 703b8fcac1 | fix | do not remove comments in component styles (#50346) |
| Commit | Type | Description |
| -- | -- | -- |
| 2b6da93e19 | fix | incorrectly throwing error for self-referencing component (#50559) |
| c992109d6c | fix | wait for HTTP in ngOnInit
correctly before server render (#50573) |
| Commit | Type | Description | | -- | -- | -- | | c0d4086c6e | fix | surface errors during rendering (#50587) |
<!-- CHANGELOG SPLIT MARKER --><a name="16.0.4"></a>
Changelog
16.0.4 (2023-06-01)
| Commit | Type | Description | | -- | -- | -- | | df65c4fc8f | fix | Trigger leave animation when ViewContainerRef is injected (#48705) |
| Commit | Type | Description | | -- | -- | -- | | 7e1bc513de | fix | untrack subscription and unsubscription in async pipe (#50522) |
| Commit | Type | Description |
| -- | -- | -- |
| 9970b29ace | fix | update ApplicationRef.isStable
to account for rendering pending tasks (#50425) |
<a name="16.0.3"></a>
Changelog
16.0.3 (2023-05-24)
| Commit | Type | Description |
| -- | -- | -- |
| c11041e372 | fix | adds missing symbols for animation standalone bundling test (#50434) |
| 98e8fdf40e | fix | fix Self
flag inside embedded views with custom injectors (#50270) |
| 199ff4fe7f | fix | host directives incorrectly validating aliased bindings (#50364) |
| Commit | Type | Description | | -- | -- | -- | | 080bbd2137 | fix | create macrotask during request handling instead of load start (#50406) |
<!-- CHANGELOG SPLIT MARKER --><a name="16.0.2"></a>
Changelog
16.0.2 (2023-05-17)
| Commit | Type | Description |
| -- | -- | -- |
| c1016d4e57 | fix | add additional component metadata to component ID generation (#50340) |
| cc41758b59 | fix | allow onDestroy unregistration while destroying (#50237) |
| 7d679bdb59 | fix | allow passing value of any type to isSignal
function (#50035) |
<a name="16.0.1"></a>
Changelog
16.0.1 (2023-05-10)
| Commit | Type | Description | | -- | -- | -- | | 52c74d3b4a | fix | add additional component metadata to component ID generation (#50203) | | 048b6b1e0d | fix | bootstrapApplication call not rejected when error is thrown in importProvidersFrom module (#50120) | | d68796782f | fix | handle hydration of root components with injected ViewContainerRef (#50136) | | f751ce6445 | fix | handle projection of hydrated containters into components that skip hydration (#50199) | | 346ab73dd9 | fix | only try to retrieve transferred state on the browser (#50144) |
<!-- CHANGELOG SPLIT MARKER --><a name="16.0.0"></a>
Changelog
16.0.0 (2023-05-03)
Blog post "Angular v16 is now available".
EventManager
method addGlobalEventListener
has been removed as it is not used by Ivy.MockPlatformLocation
is now provided by default in tests.
Existing tests may have behaviors which rely on
BrowserPlatformLocation
instead. For example, direct access to the
window.history
in either the test or the component rather than going
through the Angular APIs (Location.getState()
). The quickest fix is to
update 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
MockPlatformLocation
instead.Before the change, the following template was compiling:
interface MyContext {
$implicit: string;
}
@Component({
standalone: true,
imports: [NgTemplateOutlet],
selector: 'person',
template: `
<ng-container
*ngTemplateOutlet="
myTemplateRef;
context: { $implicit: 'test', xxx: 'xxx' }
"></ng-container>
`,
})
export class PersonComponent {
myTemplateRef!: TemplateRef<MyContext>;
}
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:
XhrFactory
export from @angular/common/http
has been removed. Use XhrFactory
from @angular/common
instead.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.js
versions 0.11.x
and 0.12.x
are not longer supported.
entryComponents
has been deleted from the @NgModule
and @Component
public APIs. Any usages can be removed since they weren't doing anyting.ANALYZE_FOR_ENTRY_COMPONENTS
injection 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.is
equality). 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.styles
no longer accepts a nested arrays.
The APP_ID
token value is no longer randomly generated. If you are bootstrapping multiple application on the same page you will need to set to provide the APP_ID
yourself.
bootstrapApplication(ComponentA, {
providers: [
{ provide: APP_ID, useValue: 'app-a' },
// ... other providers ...
]
});
The ReflectiveInjector
and related symbols were removed. Please update the code to avoid references to the ReflectiveInjector
symbol. Use Injector.create
as 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.
BrowserTransferStateModule
was removed, since it's no longer needed. The TransferState
class can be injected without providing the module. The BrowserTransferStateModule
was empty starting from v14 and you can just remove the reference to that module from your applications.Users that are using SSR with JIT mode will now need to add import to @angular/compiler
before bootstrapping the application.
NOTE: this does not effect users using the Angular CLI.
renderApplication
method no longer accepts a root component as first argument. Instead, provide a bootstrapping function that returns a Promise<ApplicationRef>
.
Before
const output: string = await renderApplication(RootComponent, options);
Now
const bootstrap = () => bootstrapApplication(RootComponent, appConfig);
const output: string = await renderApplication(bootstrap, options);
renderModuleFactory
has been removed. Use renderModule
instead.
Scroll
event's routerEvent
property may also be
a NavigationSkipped
event. Previously, it was only a NavigationEnd
event.ComponentFactoryResolver
has 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.createComponent
without the
factory resolver.RouterEvent
type is no longer present in the Event
union type representing all router event types. If you have code using something like filter((e: Event): e is RouterEvent => e instanceof RouterEvent)
, you'll need to update it to filter((e: Event|RouterEvent): e is RouterEvent => e instanceof RouterEvent)
.ActivatedRoute
instances may need to be adjusted
because 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 ActivatedRoute
that does not appear in the
current 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, the relativeTo
property
should be removed.makeStateKey
, StateKey
and TransferState
exports have been moved from @angular/platform-browser
to @angular/core
. Please update the imports.- import {makeStateKey, StateKey, TransferState} from '@angular/platform-browser';
+ import {makeStateKey, StateKey, TransferState} from '@angular/core';
EnvironmentInjector.runInContext
is now deprecated, with
runInInjectionContext
functioning as a direct replacement:
// Previous method version (deprecated):
envInjector.runInContext(fn);
// New standalone function:
runInInjectionContext(envInjector, fn);
The @Directive
/@Component
moduleId
property is now
deprecated. It did not have any effect for multiple major versions and
will be removed in v17.
BrowserModule.withServerTransition
has been deprecated. APP_ID
should 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:
imports: [
BrowserModule.withServerTransition({ appId: 'serverApp' }),
...
]
After:
imports: [
BrowserModule,
{ provide: APP_ID, useValue: 'serverApp' },
...
],
ApplicationConfig
has moved, please import ApplicationConfig
from @angular/core
instead.
PlatformConfig.baseUrl
and PlatformConfig.useAbsoluteUrl
platform-server config options are deprecated as these were not used.| Commit | Type | Description |
| -- | -- | -- |
| 48aa96ea13 | refactor | remove Angular Compatibility Compiler (ngcc) (#49101) |
| 2703fd6260 | refactor | remove deprecated EventManager
method addGlobalEventListener
(#49645) |
| Commit | Type | Description |
| -- | -- | -- |
| 5dce2a5a3a | feat | Provide MockPlatformLocation by default in BrowserTestingModule (#49137) |
| d47fef72cb | fix | strict type checking for ngtemplateoutlet (#48374) |
| c41a21658c | refactor | remove deprecated XhrFactory
export from http
entrypoint (#49251) |
| Commit | Type | Description |
| -- | -- | -- |
| 1a6ca68154 | feat | add support for compile-time required inputs (#49304) |
| 13dd614cd1 | feat | add support for compile-time required inputs (#49453) |
| 8f539c11f4 | feat | add support for compile-time required inputs (#49468) |
| 79cdfeb392 | feat | drop support for TypeScript 4.8 (#49155) |
| 1407a9aeaf | feat | support multiple configuration files in extends
(#49125) |
| 9de1e9da8f | fix | incorrectly matching directives on attribute bindings (#49713) |
| 6623810e4d | fix | Produce diagnositc if directive used in host binding is not exported (#49527) |
| Commit | Type | Description |
| -- | -- | -- |
| 03d1d00ad9 | feat | Add an extended diagnostic for nSkipHydration
(#49512) |
| ed817e32fe | fix | Catch FatalDiagnosticError during template type checking (#49527) |
| 49fe974501 | perf | optimize NgModule emit for standalone components (#49837) |
| Commit | Type | Description |
| -- | -- | -- |
| 89d291c367 | feat | add assertInInjectionContext
(#49529) |
| 4e9531f777 | feat | add mergeApplicationConfig
method (#49253) |
| d7d6514add | feat | Add ability to configure NgZone
in bootstrapApplication
(#49557) |
| bc5ddabdcb | feat | add Angular Signals to the public API (#49150) |
| 17e9862653 | feat | add API to provide CSP nonce for inline stylesheets (#49444) |
| 605c536420 | feat | add migration to remove moduleId
references (#49496) |
| 99d874fe3b | feat | add support for TypeScript 5.0 (#49126) |
| d1617c449d | feat | allow removal of previously registered DestroyRef callbacks (#49493) |
| b2327f4df1 | feat | Allow typeguards on QueryList.filter (#48042) |
| 061f3d1086 | feat | Drop public factories
property for IterableDiffers
: Breaking change (#49598) |
| fdf61974d1 | feat | drop support for zone.js
versions <=0.12.0
(#49331) |
| 9c5fd50de4 | feat | effects can optionally return a cleanup function (#49625) |
| c024574f46 | feat | expose makeStateKey
, StateKey
and TransferState
(#49563) |
| a5f1737d1c | feat | expose onDestroy on ApplicationRef (#49677) |
| e883198460 | feat | implement takeUntilDestroyed
in rxjs-interop (#49154) |
| 0814f20594 | feat | introduce runInInjectionContext
and deprecate prior version (#49396) |
| 0f5c8003cc | feat | introduce concept of DestroyRef (#49158) |
| 9b65b84cb9 | feat | Mark components for check if they read a signal (#49153) |
| 8997bdc03b | feat | prototype implementation of @angular/core/rxjs-interop (#49154) |
| 585e34bf6c | feat | remove entryComponents (#49484) |
| aad05ebeb4 | feat | support usage of non-experimental decorators with TypeScript 5.0 (#49492) |
| 6d7be42da7 | fix | add newline to hydration mismatch error (#49965) |
| f8e25864e8 | fix | allow async functions in effects (#49783) |
| 84216dabfc | fix | catch errors from source signals outside of .next (#49769) |
| be23b7ce65 | fix | ComponentRef.setInput only sets input when not equal to previous (#49607) |
| 316c91b1a4 | fix | deprecate moduleId
@Component
property (#49496) |
| fd9dcd36cd | fix | Ensure effects can be created when Zone is not defined (#49890) |
| 9180f98f0e | fix | ensure takeUntilDestroyed unregisters onDestroy listener on unsubscribe (#49901) |
| 4721c48a24 | fix | error if document body is null (#49818) |
| 2650f1afc1 | fix | execute input setters in non-reactive context (#49906) |
| f8b95b9da6 | fix | execute query setters in non-reactive context (#49906) |
| ef91a2e0fe | fix | execute template creation in non-reactive context (#49883) |
| 87549af73c | fix | Fix capitalization of toObservableOptions (#49832) |
| 0e5f9ba6f4 | fix | generate consistent component IDs (#48253) |
| fedc75624c | fix | include inner ViewContainerRef anchor nodes into ViewRef.rootNodes output (#49867) |
| df1dfc4c17 | fix | make sure that lifecycle hooks are not tracked (#49701) |
| c34d7e0822 | fix | onDestroy should be registered only on valid DestroyRef (#49804) |
| 2f2ef14f9e | fix | resolve InitialRenderPendingTasks
promise on complete (#49784) |
| c7d8d3ee37 | fix | toObservable should allow writes to signals in the effect (#49769) |
| b4531f1d82 | fix | typing of TestBed Common token. (#49997) |
| a4e749ffca | fix | When using setInput, mark view dirty in same was as markForCheck
(#49711) |
| 9b9c818f99 | perf | change RendererType2.styles
to accept a only a flat array (#49072) |
| 82d6fbb109 | refactor | generate a static application ID (#49422) |
| 3b863ddc1e | refactor | Remove ReflectiveInjector
symbol (#48103) |
| f594725951 | refactor | remove Node.js v14 support (#49255) |
| Commit | Type | Description | | -- | -- | -- | | 07a1aa3004 | feat | Improve typings form (async)Validators (#48679) |
| Commit | Type | Description |
| -- | -- | -- |
| aff1512950 | feat | allow HttpClient
to cache requests (#49509) |
| 15c91a53ae | fix | delay accessing pendingTasks.whenAllTasksComplete
(#49784) |
| 9f0c6d1ed1 | fix | ensure new cache state is returned on each request (#49749) |
| 45a6ac09fd | fix | force macro task creation during HTTP request (#49546) |
| 2a580b6f0b | fix | HTTP cache was being disabled prematurely (#49826) |
| 2eb9b8b402 | fix | wait for all XHR requests to finish before stabilizing application (#49776) |
| Commit | Type | Description |
| -- | -- | -- |
| 5e5dac278d | feat | Migration to remove Router
guard and resolver interfaces (#49337) |
| Commit | Type | Description |
| -- | -- | -- |
| 761e02d912 | feat | add a public API function to enable non-destructive hydration (#49666) |
| 630af63fae | feat | deprecate withServerTransition
call (#49422) |
| 81e7d15ef6 | feat | enable HTTP request caching when using provideClientHydration
(#49699) |
| 74c925c19c | fix | export deprecated TransferState
as type (#50015) |
| 2312eb53ef | fix | KeyEventsPlugin should keep the same behavior (#49330) |
| c934a8e72b | fix | only add ng-app-id
to style on server side (#49465) |
| 9165ff2517 | fix | reuse server generated component styles (#48253) |
| e8e36811d5 | fix | set nonce attribute in a platform compatible way (#49624) |
| 3aa85a8087 | refactor | move ApplicationConfig
to core (#49253) |
| 9bd9a11f4e | refactor | remove deprecated BrowserTransferStateModule
symbol (#49718) |
| Commit | Type | Description |
| -- | -- | -- |
| b5278cc115 | feat | renderApplication
now accepts a bootstrapping method (#49248) |
| 056d68002f | feat | add provideServerSupport
function to provide server capabilities to an application (#49380) |
| 7870fb07fe | feat | rename provideServerSupport
to provideServerRendering
(#49678) |
| a08a8ff108 | fix | bundle @angular/domino in via esbuild (#49229) |
| 5ea624f313 | fix | remove dependency on @angular/platform-browser-dynamic
(#50064) |
| e99460865e | refactor | deprecate useAbsoluteUrl
and baseUrl
(#49546) |
| 41f27ad086 | refactor | remove renderApplication
overload that accepts a component (#49463) |
| 17abe6dc96 | refactor | remove deprecated renderModuleFactory
(#49247) |
| Commit | Type | Description |
| -- | -- | -- |
| ea32c3289a | feat | Expose information about the last successful Navigation
(#49235) |
| 455c728525 | feat | helper functions to convert class guards to functional (#48709) |
| f982a3f965 | feat | Opt-in for binding Router
information to component inputs (#49633) |
| 1f055b90b6 | fix | Ensure anchor scrolling happens on ignored same URL navigations (#48025) |
| 6193a3d406 | fix | fix = not parsed in router segment name (#47332) |
| c0b1b7becf | fix | Remove deprecated ComponentFactoryResolver from APIs (#49239) |
| 1e32709e0e | fix | remove RouterEvent from Event union type (#46061) |
| 3c7e637374 | fix | Route matching should only happen once when navigating (#49163) |
| 1600687fe5 | fix | Route matching should only happen once when navigating (#49163) |
| 31f210bf2c | fix | Router.createUrlTree should work with any ActivatedRoute (#48508) |
| Commit | Type | Description | | -- | -- | -- | | 5e7fc259ea | feat | add function to provide service worker (#48247) |
<!-- CHANGELOG SPLIT MARKER --><a name="15.2.9"></a>