AngularRouteParam未解析
创始人
2024-10-29 06:00:40
0

如果Angular Route Param未解析,则可以使用ActivatedRoute服务来访问路由参数。以下是使用ActivatedRoute解析参数的示例:

在路由模块中定义路由:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MyComponent } from './my.component';

const routes: Routes = [
  { path: 'my/:id', component: MyComponent }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class MyRoutingModule {}

在组件中使用ActivatedRoute服务解析参数:

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

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

Routing parameter value: {{ id }}

` }) export class MyComponent implements OnInit { id: number; constructor(private route: ActivatedRoute) {} ngOnInit() { this.route.paramMap.subscribe(params => { this.id = +params.get('id'); }); } }

在上面的示例中,ActivatedRoute服务用于访问路由参数,然后在ngOnInit()方法中将值设置为组件属性。最后,将组件属性绑定到模板中以显示参数值。

相关内容

热门资讯

交流学习经验!(wepoKe)... 1、交流学习经验!(wepoKe)软件透明挂,wepoke辅助挂,详细教程(有挂教学)-哔哩哔哩;该...
热点推荐!gg扑克赢了,wpk... 热点推荐!gg扑克赢了,wpk俱乐部系统,详细教程(有挂介绍)-哔哩哔哩;(需添加指定薇757446...
如何分辨真伪!扑克时间有后台控... 如何分辨真伪!扑克时间有后台控制,wepoke软件透明挂视频,详细教程(有挂规律)-哔哩哔哩1、每一...
必备辅助推荐!微扑克有辅助挂,... 必备辅助推荐!微扑克有辅助挂,来玩德州辅助器,详细教程(有挂介绍)-哔哩哔哩;WPK必备黑科技是一款...
透视代打!fishpoker正... 此外,数据分析德州(wepoke辅助透视教程)辅助神器app还具备辅助透视行为开挂功能,通过对客户w...
总算了解!德州竞技联盟辅助,微... 总算了解!德州竞技联盟辅助,微扑克发牌机制,详细教程(有挂总结)-哔哩哔哩;实战中需综合运用上述技巧...
今日焦点!wpk俱乐部系统,哈... 今日焦点!wpk俱乐部系统,哈糖大菠萝十三张胜率,详细教程(有挂规律)-哔哩哔哩;原来确实真的有挂(...
揭秘攻略!(wEpoke)软件... 揭秘攻略!(wEpoke)软件透明挂,gg扑克发牌,详细教程(有挂详情)-哔哩哔哩;致您一封信;亲爱...
查到实测!扑克时间后台数据被攻... 查到实测!扑克时间后台数据被攻破,云扑克德州辅助器免费,详细教程(有挂介绍)-哔哩哔哩;WPK必备黑...
推荐一款!wepoke黑科技,... 1、推荐一款!wepoke黑科技,wepoke有正规,详细教程(有挂方法)-哔哩哔哩;详细教程。2、...