Angular - 获取路由的每个片段
创始人
2024-10-14 17:00:45
0

要获取Angular路由的每个片段,可以使用ActivatedRoute的url属性。以下是一个示例代码,演示如何获取每个路由片段:

import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-my-component',
  template: `
    

Route Fragments

  • {{ fragment }}
`, }) export class MyComponent { routeFragments: string[]; constructor(private route: ActivatedRoute) { this.routeFragments = this.route.snapshot.url.map(segment => segment.path); } }

在上面的代码中,我们首先导入了ActivatedRoute类,并在组件的构造函数中注入了该类的实例。然后,我们使用routeFragments数组来存储路由的每个片段。

在构造函数中,我们使用route的snapshot属性来获取当前路由的快照,并使用map函数遍历快照中的每个片段。我们使用segment.path来获取每个片段的路径,并将其存储在routeFragments数组中。

最后,在组件的模板中,我们使用*ngFor指令来循环遍历routeFragments数组,并将每个片段显示在一个li元素中。

这样,我们就可以在组件中获取并显示每个路由片段了。

相关内容

热门资讯

查到实测辅助!wepoker辅... 查到实测辅助!wepoker辅助器官方,wepoker线上大神,系统教程(有挂神器)这是由厦门游乐互...
总算清楚!pokermaste... 1、总算清楚!pokermaster修改器,hhpoker德州透视,力荐教程(有挂方法)。2、pok...
玩家必备攻略!wepoker有... 玩家必备攻略!wepoker有辅助插件吗,xpoker怎么作弊,透明教程(有挂攻略)是由北京得wep...
揭秘关于!wpk插件,we p... 揭秘关于!wpk插件,we poker插件,扑克教程(有挂透明)是一款可以让一直输的玩家,快速成为一...
必看攻略!大菠萝免费辅助器,a... 必看攻略!大菠萝免费辅助器,aapoker透视脚本下载,2025新版技巧(有挂软件);玩家必备必赢加...
科技揭秘!wepoker透视破... 1、科技揭秘!wepoker透视破解版,wepoker有没有挂,普及教程(有挂软件)。2、wepok...
实测必看!hhpoker底牌透... 实测必看!hhpoker底牌透视脚本,wepoker怎么开辅助,wpk教程(有挂透明);1.hhpo...
科普常识!wejoker辅助器... 科普常识!wejoker辅助器要钱玩吗,红龙poker辅助平台,可靠教程(有挂技巧)准备好在wejo...
技术分享!约局吧德州真的有透视... 1、技术分享!约局吧德州真的有透视挂吗,aapoker怎么设置抽水,必赢方法(有挂辅助);详细教程。...
实操分享!aa poker辅助... 此外,数据分析德州(来玩app破解)辅助神器app还具备辅助透视行为开挂功能,通过对客户来玩app破...