angular-cn/aio/dist/generated/docs/api/router/ActivatedRoute.json

5 lines
18 KiB
JSON
Raw Permalink Normal View History

{
"id": "api/router/ActivatedRoute",
"title": "ActivatedRoute",
"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/ActivatedRoute\", \"name\": \"ActivatedRoute\" } }\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/src/router_state.ts?message=docs(router)%3A%20describe%20your%20change...#L92-L197\" 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/src/router_state.ts#L92-L197\" 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=\"activatedroute\">ActivatedRoute<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"api/router/ActivatedRoute#activatedroute\"><i class=\"material-icons\">link</i></a></h1>\n \n <label class=\"api-type-label interface\">interface</label>\n \n \n \n </header>\n \n <aio-toc class=\"embedded\"></aio-toc>\n\n <div class=\"api-body\">\n \n <section class=\"short-description\">\n <p>Provides access to information about a route associated with a component\nthat is loaded in an outlet.\nUse to traverse the <code><a href=\"api/router/RouterState\" class=\"code-anchor\">RouterState</a></code> tree and extract information from nodes.</p>\n\n <p><a href=\"api/router/ActivatedRoute#description\">See more...</a></p>\n </section>\n \n \n <section class=\"interface-overview\">\n<code-example language=\"ts\" hidecopy=\"true\">\ninterface <a href=\"api/router/ActivatedRoute\" class=\"code-anchor\">ActivatedRoute</a> {\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#snapshot\"><span class=\"member-name\">snapshot</span>: ActivatedRouteSnapshot</a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#url\"><span class=\"member-name\">url</span>: Observable&#x3C;UrlSegment[]></a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#params\"><span class=\"member-name\">params</span>: Observable&#x3C;Params></a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#queryParams\"><span class=\"member-name\">queryParams</span>: Observable&#x3C;Params></a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#fragment\"><span class=\"member-name\">fragment</span>: Observable&#x3C;string | null></a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#data\"><span class=\"member-name\">data</span>: Observable&#x3C;Data></a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#outlet\"><span class=\"member-name\">outlet</span>: string</a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#component\"><span class=\"member-name\">component</span>: Type&#x3C;any> | string | null</a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#routeConfig\"><span class=\"member-name\">routeConfig</span>: Route | null</a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#root\"><span class=\"member-name\">root</span>: ActivatedRoute</a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#parent\"><span class=\"member-name\">parent</span>: ActivatedRoute | null</a>\n <a class=\"code-anchor\" href=\"api/router/ActivatedRoute#firstChild\"><span c
}