看個(gè)具體的例子：

路由配置信息：

const CUSTOM_ROUTES: Routes = [{ path: "custom/:id", component: RouteDemoComponent } ];

RouteDemoComponent的實(shí)現(xiàn)：

import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { Observable } from 'rxjs'; import { map } from 'rxjs/operators';@Component({selector: 'app-route-demo',templateUrl: './route-demo.component.html' }) export class RouteDemoComponent implements OnInit {id: Observable<string>;constructor(route: ActivatedRoute) { this.id = route.params.pipe(map(p => p.id));const url: Observable<string> = route.url.pipe(map(segments => segments.join('')));// route.data includes both `data` and `resolve`const user = route.data.pipe(map(d => d));}ngOnInit(): void {} }

瀏覽器地址欄里輸入：

http://localhost:4200/custom/1

運(yùn)行時(shí)查看ActivatedRoute數(shù)據(jù)結(jié)構(gòu)的值：

凡是behaviorSubject這種Observable，其_value字段里包含了subscribe被調(diào)用后，會(huì)emit的實(shí)際值：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的如何从Angular的ActivatedRoute数据结构中获得运行时路由信息的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。