Skip to content

Upgrading @angular/common 15 to 16

Unknown15.2.10 → 16.2.12

Full comparisonBack to @angular/common
Fetching 54 releases from GitHub…0 / 54
UnknownUpgrade verdict

DepDelta is still reading the notes for this range, so breaking changes can't be ruled out yet.

In plain terms
  • DepDelta is still reading the release notes in this range, so it can't rule out breaking changes yet.
  • This page updates as the notes come in.
Must act Still reading release notes

DepDelta is still reading the release notes in this range. This updates as they come in.

Node.js requirement changed in 16.0.0-rc.0: ^14.20.0 || ^16.13.0 || >=18.10.0 → ^16.14.0 || >=18.10.0.

API changes

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • removed: const XhrFactory: typeof XhrFactory_2
  • removed: type XhrFactory = XhrFactory_2
  • changed: constructor HttpHeaders(headers?: string | { [name: string]: string | number | (string | number)[] }) → constructor HttpHeaders(headers?: string | { [name: string]: string | number | (string | number)[] } | Headers)
  • changed: constructor HttpXhrBackend(xhrFactory: XhrFactory_2) → constructor HttpXhrBackend(xhrFactory: XhrFactory)
  • changed: method HttpRequest.serializeBody(): ArrayBuffer | Blob | FormData | string | null → method HttpRequest.serializeBody(): ArrayBuffer | Blob | FormData | URLSearchParams | string | null
  • added: class FetchBackend implements HttpBackend
  • added: function withFetch(): HttpFeature<HttpFeatureKind.Fetch>
  • added: function ɵwithHttpTransferCache(): Provider[]
  • added: member HttpFeatureKind.Fetch = 6
  • added: method FetchBackend.handle(request: HttpRequest<any>): Observable<HttpEvent<any>>
  • added: static property FetchBackend.ɵfac: i0.ɵɵFactoryDeclaration<FetchBackend, never>
  • added: static property FetchBackend.ɵprov: i0.ɵɵInjectableDeclaration<FetchBackend>
  • removed: get NgOptimizedImage.disableOptimizedSrcset(): boolean
  • removed: get NgOptimizedImage.fill(): boolean
  • removed: get NgOptimizedImage.height(): number | undefined
  • removed: get NgOptimizedImage.priority(): boolean
  • removed: get NgOptimizedImage.width(): number | undefined
  • removed: set NgOptimizedImage.disableOptimizedSrcset(value: string | boolean | undefined)
  • removed: set NgOptimizedImage.fill(value: string | boolean | undefined)
  • removed: set NgOptimizedImage.height(value: string | number | undefined)
  • removed: set NgOptimizedImage.priority(value: string | boolean | undefined)
  • removed: set NgOptimizedImage.width(value: string | number | undefined)
  • changed: class NgComponentOutlet implements OnChanges, OnDestroy → class NgComponentOutlet implements OnChanges, DoCheck, OnDestroy
  • changed: class NgTemplateOutlet implements OnChanges → class NgTemplateOutlet<C = unknown> implements OnChanges
  • changed: constructor BrowserPlatformLocation(_doc: any) → constructor BrowserPlatformLocation()
  • changed: property NgTemplateOutlet.ngTemplateOutlet: TemplateRef<any> | null → property NgTemplateOutlet.ngTemplateOutlet: TemplateRef<C> | null
  • changed: property NgTemplateOutlet.ngTemplateOutletContext: Object | null → property NgTemplateOutlet.ngTemplateOutletContext: C | null
  • changed: static property NgClass.ɵdir: i0.ɵɵDirectiveDeclaration<NgClass, '[ngClass]', never, { 'klass': 'class'; 'ngClass': 'ngClass' }, {}, never, never, true, never> → static property NgClass.ɵdir: i0.ɵɵDirectiveDeclaration<NgClass, '[ngClass]', never, { 'klass': { 'alias': 'class'; 'required': false }; 'ngClass': { 'alias': 'ngClass'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgComponentOutlet.ɵdir: i0.ɵɵDirectiveDeclaration<NgComponentOutlet, '[ngComponentOutlet]', never, { 'ngComponentOutlet': 'ngComponentOutlet'; 'ngComponentOutletInjector': 'ngComponentOutletInjector'; 'ngComponentOutletContent': 'ngComponentOutletContent'; 'ngComponentOutletNgModule': 'ngComponentOutletNgModule'; 'ngComponentOutletNgModuleFactory': 'ngComponentOutletNgModuleFactor… → static property NgComponentOutlet.ɵdir: i0.ɵɵDirectiveDeclaration<NgComponentOutlet, '[ngComponentOutlet]', never, { 'ngComponentOutlet': { 'alias': 'ngComponentOutlet'; 'required': false }; 'ngComponentOutletInputs': { 'alias': 'ngComponentOutletInputs'; 'required': false }; 'ngComponentOutletInjector': { 'alias': 'ngComponentOutletInjector'; 'required': false }; 'ngComponentOutletContent': { 'a…
  • changed: static property NgFor.ɵdir: i0.ɵɵDirectiveDeclaration<NgForOf<any, any>, '[ngFor][ngForOf]', never, { 'ngForOf': 'ngForOf'; 'ngForTrackBy': 'ngForTrackBy'; 'ngForTemplate': 'ngForTemplate' }, {}, never, never, true, never> → static property NgFor.ɵdir: i0.ɵɵDirectiveDeclaration<NgForOf<any, any>, '[ngFor][ngForOf]', never, { 'ngForOf': { 'alias': 'ngForOf'; 'required': false }; 'ngForTrackBy': { 'alias': 'ngForTrackBy'; 'required': false }; 'ngForTemplate': { 'alias': 'ngForTemplate'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgForOf.ɵdir: i0.ɵɵDirectiveDeclaration<NgForOf<any, any>, '[ngFor][ngForOf]', never, { 'ngForOf': 'ngForOf'; 'ngForTrackBy': 'ngForTrackBy'; 'ngForTemplate': 'ngForTemplate' }, {}, never, never, true, never> → static property NgForOf.ɵdir: i0.ɵɵDirectiveDeclaration<NgForOf<any, any>, '[ngFor][ngForOf]', never, { 'ngForOf': { 'alias': 'ngForOf'; 'required': false }; 'ngForTrackBy': { 'alias': 'ngForTrackBy'; 'required': false }; 'ngForTemplate': { 'alias': 'ngForTemplate'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgIf.ɵdir: i0.ɵɵDirectiveDeclaration<NgIf<any>, '[ngIf]', never, { 'ngIf': 'ngIf'; 'ngIfThen': 'ngIfThen'; 'ngIfElse': 'ngIfElse' }, {}, never, never, true, never> → static property NgIf.ɵdir: i0.ɵɵDirectiveDeclaration<NgIf<any>, '[ngIf]', never, { 'ngIf': { 'alias': 'ngIf'; 'required': false }; 'ngIfThen': { 'alias': 'ngIfThen'; 'required': false }; 'ngIfElse': { 'alias': 'ngIfElse'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgOptimizedImage.ɵdir: i0.ɵɵDirectiveDeclaration<NgOptimizedImage, 'img[ngSrc]', never, { 'ngSrc': 'ngSrc'; 'ngSrcset': 'ngSrcset'; 'sizes': 'sizes'; 'width': 'width'; 'height': 'height'; 'loading': 'loading'; 'priority': 'priority'; 'loaderParams': 'loaderParams'; 'disableOptimizedSrcset': 'disableOptimizedSrcset'; 'fill': 'fill'; 'src': 'src'; 'srcset': 'srcset' }, {}, never, ne… → static property NgOptimizedImage.ɵdir: i0.ɵɵDirectiveDeclaration<NgOptimizedImage, 'img[ngSrc]', never, { 'ngSrc': { 'alias': 'ngSrc'; 'required': true }; 'ngSrcset': { 'alias': 'ngSrcset'; 'required': false }; 'sizes': { 'alias': 'sizes'; 'required': false }; 'width': { 'alias': 'width'; 'required': false }; 'height': { 'alias': 'height'; 'required': false }; 'loading': { 'alias': 'loading'; 're…
  • changed: static property NgPlural.ɵdir: i0.ɵɵDirectiveDeclaration<NgPlural, '[ngPlural]', never, { 'ngPlural': 'ngPlural' }, {}, never, never, true, never> → static property NgPlural.ɵdir: i0.ɵɵDirectiveDeclaration<NgPlural, '[ngPlural]', never, { 'ngPlural': { 'alias': 'ngPlural'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgStyle.ɵdir: i0.ɵɵDirectiveDeclaration<NgStyle, '[ngStyle]', never, { 'ngStyle': 'ngStyle' }, {}, never, never, true, never> → static property NgStyle.ɵdir: i0.ɵɵDirectiveDeclaration<NgStyle, '[ngStyle]', never, { 'ngStyle': { 'alias': 'ngStyle'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgSwitch.ɵdir: i0.ɵɵDirectiveDeclaration<NgSwitch, '[ngSwitch]', never, { 'ngSwitch': 'ngSwitch' }, {}, never, never, true, never> → static property NgSwitch.ɵdir: i0.ɵɵDirectiveDeclaration<NgSwitch, '[ngSwitch]', never, { 'ngSwitch': { 'alias': 'ngSwitch'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgSwitchCase.ɵdir: i0.ɵɵDirectiveDeclaration<NgSwitchCase, '[ngSwitchCase]', never, { 'ngSwitchCase': 'ngSwitchCase' }, {}, never, never, true, never> → static property NgSwitchCase.ɵdir: i0.ɵɵDirectiveDeclaration<NgSwitchCase, '[ngSwitchCase]', never, { 'ngSwitchCase': { 'alias': 'ngSwitchCase'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgTemplateOutlet.ɵdir: i0.ɵɵDirectiveDeclaration<NgTemplateOutlet, '[ngTemplateOutlet]', never, { 'ngTemplateOutletContext': 'ngTemplateOutletContext'; 'ngTemplateOutlet': 'ngTemplateOutlet'; 'ngTemplateOutletInjector': 'ngTemplateOutletInjector' }, {}, never, never, true, never> → static property NgTemplateOutlet.ɵdir: i0.ɵɵDirectiveDeclaration<NgTemplateOutlet<any>, '[ngTemplateOutlet]', never, { 'ngTemplateOutletContext': { 'alias': 'ngTemplateOutletContext'; 'required': false }; 'ngTemplateOutlet': { 'alias': 'ngTemplateOutlet'; 'required': false }; 'ngTemplateOutletInjector': { 'alias': 'ngTemplateOutletInjector'; 'required': false } }, {}, never, never, true, never>
  • changed: static property NgTemplateOutlet.ɵfac: i0.ɵɵFactoryDeclaration<NgTemplateOutlet, never> → static property NgTemplateOutlet.ɵfac: i0.ɵɵFactoryDeclaration<NgTemplateOutlet<any>, never>
  • added: method NgComponentOutlet.ngDoCheck(): void
  • added: property NgComponentOutlet.ngComponentOutletInputs?: Record<string, unknown>
  • added: property NgOptimizedImage.disableOptimizedSrcset: boolean
  • added: property NgOptimizedImage.fill: boolean
  • added: property NgOptimizedImage.height: number | undefined
  • added: property NgOptimizedImage.priority: boolean
  • added: property NgOptimizedImage.width: number | undefined
  • added: static property NgOptimizedImage.ngAcceptInputType_disableOptimizedSrcset: unknown
  • added: static property NgOptimizedImage.ngAcceptInputType_fill: unknown
  • added: static property NgOptimizedImage.ngAcceptInputType_height: unknown
  • added: static property NgOptimizedImage.ngAcceptInputType_ngSrc: string | i0.ɵSafeValue
  • added: static property NgOptimizedImage.ngAcceptInputType_priority: unknown
  • added: static property NgOptimizedImage.ngAcceptInputType_width: unknown