{
  "id": "guide/updating-to-version-11",
  "title": "Updating Angular",
  "contents": "\n\n\n<div class=\"github-links\">\n  <a href=\"https://github.com/angular/angular/edit/master/aio/content/guide/updating-to-version-11.md?message=docs%3A%20describe%20your%20change...\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n</div>\n\n\n<div class=\"content\">\n  <h1 id=\"updating-angular\">Updating Angular<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#updating-angular\"><i class=\"material-icons\">link</i></a></h1>\n<p>This guide contains information related to updating to the latest version of Angular.</p>\n<h2 id=\"updating-cli-apps\">Updating CLI Apps<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#updating-cli-apps\"><i class=\"material-icons\">link</i></a></h2>\n<p>For step-by-step instructions on how to update to the latest Angular release (and leverage our automated migration tools to do so), use the interactive update guide at <a href=\"https://update.angular.io\">update.angular.io</a>.</p>\n<h2 id=\"changes-and-deprecations-in-version-11\">Changes and Deprecations in Version 11<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#changes-and-deprecations-in-version-11\"><i class=\"material-icons\">link</i></a></h2>\n<div class=\"alert is-helpful\">\n<p>   For information about Angular's deprecation and removal practices, see <a href=\"guide/releases#deprecation-practices\" title=\"Angular Release Practices: Deprecation practices\">Angular Release Practices</a>.</p>\n</div>\n<a id=\"breaking-changes\"></a>\n<h3 id=\"new-breaking-changes\">New Breaking Changes<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#new-breaking-changes\"><i class=\"material-icons\">link</i></a></h3>\n<ul>\n<li>Remove deprecated support for IE 9, 10, and IE mobile. See <a href=\"https://github.com/angular/angular/pull/38931\">PR 38931</a>.</li>\n<li>TypeScript 3.9 is no longer supported. Please update to TypeScript 4.0. See <a href=\"https://github.com/angular/angular/pull/39313\">PR 39313</a>.</li>\n<li><code><a href=\"api/router/NavigationExtras\" class=\"code-anchor\">NavigationExtras</a>#preserveQueryParams</code> has been removed from <code>@angular/router</code>. See <a href=\"https://github.com/angular/angular/pull/38762\">PR 38762</a></li>\n<li><code>CollectionChangeRecord</code> has been removed from <code>@angular/core</code>. See <a href=\"https://github.com/angular/angular/pull/38668\">PR 38668</a>.</li>\n<li>We changed the default value for <code>relativeLinkResolution</code> from <code>'legacy'</code> to <code>'corrected'</code> so that new applications are automatically opted-in to the corrected behavior from  <a href=\"https://github.com/angular/angular/pull/22394\">PR 22394</a>. Applications which use the current default are updated by a migration to specify <code>'legacy'</code> to ensure the current behavior is maintained when the default is updated. See <a href=\"https://github.com/angular/angular/pull/25609\">PR 25609</a>.</li>\n<li>Fixed a bug in the router where the arguments for <code>future</code> and <code>curr</code> snapshots were reversed in the call to <code>shouldReuseRoute</code> when processing child routes. Usually this ordering mistake doesn't matter because most implementations of <a href=\"api/router/RouteReuseStrategy#shouldReuseRoute\"><code>shouldReuseRoute</code></a> just do\nan equality comparison between <code>future</code> and <code>curr</code>. However, some implementations actually do rely on values specifically on\none of the two and will need to be updated. See <a href=\"https://github.com/angular/angular/pull/26949\">PR 26949</a>.</li>\n<li><code>ViewEncapsulation.Native</code> has been removed. Angular previously supported a view encapsulation mode <code>ViewEncapsulaion.Native</code> that was based on the v0 Shadow DOM Draft APIs. These APIs have been superceded by the final Shadow DOM APIs, which are enabled via <code><a href=\"api/core/ViewEncapsulation#ShadowDom\" class=\"code-anchor\">ViewEncapsulation.ShadowDom</a></code>. For background information about this change, see <a href=\"https://developers.google.com/web/updates/2019/07/web-components-time-to-upgrade\">Web Components update: more time to upgrade to v1 APIs</a>.</li>\n<li><code>@angular/platform-webworker</code> has been removed and will no longer be supported. See <a href=\"https://github.com/angular/angular/pull/38846\">PR 38846</a>.</li>\n<li><code>@angular/platform-webworker</code> is no longer supported. No further versions will be published. See <a href=\"https://github.com/angular/angular/pull/38846\">PR 38846</a>.</li>\n<li>Updated the options for <code>initialNavigation</code>. For more information, see <a href=\"api/router/InitialNavigation\">initialNavigation</a> in the API documentation. See <a href=\"https://github.com/angular/angular/pull/33128\">PR 33128</a>.</li>\n<li><code><a href=\"api/common/DatePipe\" class=\"code-anchor\">DatePipe</a></code> no longer rounds up fractional milliseconds. See <a href=\"https://github.com/angular/angular/pull/38009\">PR 38009</a>.</li>\n<li>Locale data arrays are now read-only. See <a href=\"https://github.com/angular/angular/pull/30397\">PR 30397</a>.</li>\n<li>The injected <code><a href=\"api/forms/ControlValueAccessor\" class=\"code-anchor\">ControlValueAccessor</a></code> for <code><a href=\"api/forms/NG_VALUE_ACCESSOR\" class=\"code-anchor\">NG_VALUE_ACCESSOR</a></code> is now readonly. See <a href=\"https://github.com/angular/angular/pull/29723\">PR 29273</a>.</li>\n<li>The type of <code><a href=\"api/forms/AbstractControl\" class=\"code-anchor\">AbstractControl</a>#parent</code> now indicates that it may be null. See <a href=\"https://github.com/angular/angular/pull/32671\">PR 32671</a>.</li>\n<li>Calling <code>overrideProvider</code> before initializing the TestBed will now throw an error. See <a href=\"https://github.com/angular/angular/pull/38717\">PR 38717</a>.</li>\n<li>Types for many Angular built-in pipes have been either narrowed or expanded to be more accurate. For more information, see the corresponding <a href=\"https://angular.io/api?type=pipe\">Pipes</a> API documentation. See <a href=\"https://github.com/angular/angular/pull/37447\">PR 37447</a>.</li>\n<li>Directives in the <code>@angular/forms</code> package used to have <code>any[]</code> as a type of validators and asyncValidators\narguments in constructors. Now these arguments are properly typed, so if your code relies on\ndirective constructor types it may require some updates to improve type safety. See <a href=\"https://github.com/angular/angular/pull/38944\">PR 38994</a>.</li>\n<li><code><a href=\"api/router/RouterLink\" class=\"code-anchor\">routerLink</a></code> now accepts <code>undefined</code> inputs. See <a href=\"https://github.com/angular/angular/pull/39151\">PR 39151</a>.</li>\n<li>The <code><a href=\"api/common/AsyncPipe\" class=\"code-anchor\">async</a></code> function from <code>@angular/core/testing</code> has been renamed to <code><a href=\"api/core/testing/waitForAsync\" class=\"code-anchor\">waitForAsync</a></code> in order to avoid confusion with the native JavaScript <code><a href=\"api/common/AsyncPipe\" class=\"code-anchor\">async</a></code> syntax. The existing function is deprecated and will be removed in a future version. See <a href=\"https://github.com/angular/angular/pull/37583\">PR 37583</a>.</li>\n</ul>\n<a id=\"deprecations\"></a>\n<h3 id=\"new-deprecations\">New Deprecations<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#new-deprecations\"><i class=\"material-icons\">link</i></a></h3>\n<table>\n<thead>\n<tr>\n<th>Area</th>\n<th>API or Feature</th>\n<th>May be removed in</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>@angular/core/testing</code></td>\n<td>Rename <code><a href=\"api/common/AsyncPipe\" class=\"code-anchor\">async</a></code> to <code><a href=\"api/core/testing/waitForAsync\" class=\"code-anchor\">waitForAsync</a></code></td>\n<td><!--v11--> v13</td>\n</tr>\n</tbody>\n</table>\n<a id=\"removals\"></a>\n<h3 id=\"new-removals-of-deprecated-apis\">New Removals of Deprecated APIs<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#new-removals-of-deprecated-apis\"><i class=\"material-icons\">link</i></a></h3>\n<p>The following APIs have been removed starting with version 11.0.0*:</p>\n<table>\n<thead>\n<tr>\n<th>Package</th>\n<th>API</th>\n<th>Replacement</th>\n<th>Notes</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>@angular/router</code></td>\n<td><code><a href=\"api/router/NavigationExtras\" class=\"code-anchor\">NavigationExtras</a>#preserveQueryParams</code></td>\n<td>no action needed</td>\n<td>NavigationExtras#preserveQueryParams has been removed from <code>@angular/router</code>.</td>\n</tr>\n<tr>\n<td><code>@angular/core</code></td>\n<td><code>CollectionChangeRecord</code></td>\n<td>no action needed</td>\n<td>CollectionChangeRecord has been removed from <code>@angular/core</code>.</td>\n</tr>\n<tr>\n<td><code>@angular/core</code></td>\n<td><code>ViewEncapsulation.Native</code></td>\n<td>no action needed</td>\n<td>Angular previously supported a view encapsulation mode <code>ViewEncapsulaion.Native</code> that was based on the v0 Shadow DOM Draft APIs. These APIs have been superceeded by the final Shadow DOM APIs, which are enabled via <code><a href=\"api/core/ViewEncapsulation#ShadowDom\" class=\"code-anchor\">ViewEncapsulation.ShadowDom</a></code>. For background information about this change, see <a href=\"https://developers.google.com/web/updates/2019/07/web-components-time-to-upgrade\">Web Components update: more time to upgrade to v1 APIs</a>.</td>\n</tr>\n</tbody>\n</table>\n<a id=\"ivy\"></a>\n<h2 id=\"ivy-features-and-compatibility\">Ivy features and compatibility<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/updating-to-version-11#ivy-features-and-compatibility\"><i class=\"material-icons\">link</i></a></h2>\n<p>Since version 9, Angular Ivy is the default rendering engine. If you haven't heard of Ivy, you can read more about it in the <a href=\"guide/ivy\">Angular Ivy guide</a>.</p>\n<ul>\n<li>\n<p>Among other features, Ivy introduces more comprehensive type-checking within templates. For details, see <a href=\"guide/template-typecheck\">Template Type-checking</a>.</p>\n</li>\n<li>\n<p>For general guidance on debugging and a list of minor changes associated with Ivy, see the <a href=\"guide/ivy-compatibility\">Ivy compatibility guide</a>.</p>\n</li>\n<li>\n<p>For help with opting out of Ivy, see the instructions <a href=\"guide/ivy#opting-out-of-angular-ivy\">here</a>.</p>\n</li>\n</ul>\n\n  \n</div>\n\n<!-- links to this doc:\n - guide/ivy-compatibility\n-->\n<!-- links from this doc:\n - api/common/AsyncPipe\n - api/common/DatePipe\n - api/core/ViewEncapsulation#ShadowDom\n - api/core/testing/waitForAsync\n - api/forms/AbstractControl\n - api/forms/ControlValueAccessor\n - api/forms/NG_VALUE_ACCESSOR\n - api/router/InitialNavigation\n - api/router/NavigationExtras\n - api/router/RouteReuseStrategy#shouldReuseRoute\n - api/router/RouterLink\n - guide/ivy\n - guide/ivy#opting-out-of-angular-ivy\n - guide/ivy-compatibility\n - guide/releases#deprecation-practices\n - guide/template-typecheck\n - guide/updating-to-version-11#changes-and-deprecations-in-version-11\n - guide/updating-to-version-11#ivy-features-and-compatibility\n - guide/updating-to-version-11#new-breaking-changes\n - guide/updating-to-version-11#new-deprecations\n - guide/updating-to-version-11#new-removals-of-deprecated-apis\n - guide/updating-to-version-11#updating-angular\n - guide/updating-to-version-11#updating-cli-apps\n - https://angular.io/api?type=pipe\n - https://developers.google.com/web/updates/2019/07/web-components-time-to-upgrade\n - https://github.com/angular/angular/edit/master/aio/content/guide/updating-to-version-11.md?message=docs%3A%20describe%20your%20change...\n - https://github.com/angular/angular/pull/22394\n - https://github.com/angular/angular/pull/25609\n - https://github.com/angular/angular/pull/26949\n - https://github.com/angular/angular/pull/29723\n - https://github.com/angular/angular/pull/30397\n - https://github.com/angular/angular/pull/32671\n - https://github.com/angular/angular/pull/33128\n - https://github.com/angular/angular/pull/37447\n - https://github.com/angular/angular/pull/37583\n - https://github.com/angular/angular/pull/38009\n - https://github.com/angular/angular/pull/38668\n - https://github.com/angular/angular/pull/38717\n - https://github.com/angular/angular/pull/38762\n - https://github.com/angular/angular/pull/38846\n - https://github.com/angular/angular/pull/38931\n - https://github.com/angular/angular/pull/38944\n - https://github.com/angular/angular/pull/39151\n - https://github.com/angular/angular/pull/39313\n - https://update.angular.io\n-->"
}