{
  "id": "api/router/upgrade",
  "title": "@angular/router/upgrade",
  "contents": "\n\n<article>\n  <div class=\"breadcrumb-container\">\n    <div class=\"breadcrumb\">\n      <script type=\"application/ld+json\">\n        {\n          \"@context\": \"http://schema.org\",\n          \"@type\": \"BreadcrumbList\",\n          \"itemListElement\": [\n            { \"@type\": \"ListItem\", \"position\": 1, \"item\": { \"@id\": \"https://angular.io//api\", \"name\": \"API\" } },\n            { \"@type\": \"ListItem\", \"position\": 2, \"item\": { \"@id\": \"https://angular.io/api/router\", \"name\": \"@angular/router\" } },\n            { \"@type\": \"ListItem\", \"position\": 3, \"item\": { \"@id\": \"https://angular.io/api/router/upgrade\", \"name\": \"@angular/router/upgrade\" } }\n          ]\n        }\n      </script>\n        <a href=\"/api\">API</a> > <a href=\"api/router\">@angular/router</a>\n    </div>\n    <div class=\"github-links\">\n  <a href=\"https://github.com/angular/angular/edit/master/packages/router/upgrade/PACKAGE.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  <a href=\"https://github.com/angular/angular/tree/12.0.0-next.7/packages/router/upgrade/PACKAGE.md\" aria-label=\"View Source\" title=\"View Source\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">code</i></a>\n</div>\n  </div>\n  \n<header class=\"api-header\">\n  <h1 id=\"angularrouterupgrade\">@angular/router/upgrade<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/router/upgrade#angularrouterupgrade\"><i class=\"material-icons\">link</i></a></h1>\n  <label class=\"api-type-label NaN\">entry-point</label>\n  \n  \n  \n</header>\n\n  <aio-toc class=\"embedded\"></aio-toc>\n\n  <div class=\"api-body\">\n    <p>Provides support for upgrading routing applications from Angular JS to Angular.</p>\n\n  \n\n  \n\n\n  \n\n  <h2 id=\"entry-point-exports\">Entry point exports<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/router/upgrade#entry-point-exports\"><i class=\"material-icons\">link</i></a></h2>\n  \n  \n  \n  \n  \n\n  \n  \n  \n\n  \n  \n  \n\n  \n  \n  \n  <section class=\"export-list\">\n    <h3 id=\"functions\">Functions<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/router/upgrade#functions\"><i class=\"material-icons\">link</i></a></h3>\n    <table class=\"is-full-width list-table\">\n      \n      <tbody><tr>\n        <td><code class=\"code-anchor\"><a href=\"api/router/upgrade/setUpLocationSync\">setUpLocationSync</a></code></td>\n        <td>\n          \n          <p>Sets up a location change listener to trigger <code>history.pushState</code>.\nWorks around the problem that <code>onPopState</code> does not trigger <code>history.pushState</code>.\nMust be called <em>after</em> calling <code>UpgradeModule.bootstrap</code>.</p>\n\n        </td>\n      </tr>\n      \n    </tbody></table>\n  </section>\n  \n\n  \n  \n  \n\n  \n  \n  \n\n  \n  \n  \n\n  \n  \n  \n  <section class=\"export-list\">\n    <h3 id=\"types\">Types<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/router/upgrade#types\"><i class=\"material-icons\">link</i></a></h3>\n    <table class=\"is-full-width list-table\">\n      \n      <tbody><tr>\n        <td><code class=\"code-anchor\"><a href=\"api/router/upgrade/RouterUpgradeInitializer\">RouterUpgradeInitializer</a></code></td>\n        <td>\n          \n          <p>Creates an initializer that sets up <code>ngRoute</code> integration\nalong with setting up the Angular router.</p>\n\n        </td>\n      </tr>\n      \n    </tbody></table>\n  </section>\n  \n\n  </div>\n</article>\n\n<!-- links to this doc:\n - api/router\n - api/router/upgrade/RouterUpgradeInitializer\n - api/router/upgrade/locationSyncBootstrapListener\n - api/router/upgrade/setUpLocationSync\n-->\n<!-- links from this doc:\n - /api\n - api/router\n - api/router/upgrade#angularrouterupgrade\n - api/router/upgrade#entry-point-exports\n - api/router/upgrade#functions\n - api/router/upgrade#types\n - api/router/upgrade/RouterUpgradeInitializer\n - api/router/upgrade/setUpLocationSync\n - https://github.com/angular/angular/edit/master/packages/router/upgrade/PACKAGE.md?message=docs(...)%3A%20describe%20your%20change...\n - https://github.com/angular/angular/tree/12.0.0-next.7/packages/router/upgrade/PACKAGE.md\n-->"
}