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()方法中将值设置为组件属性。最后,将组件属性绑定到模板中以显示参数值。

相关内容

热门资讯

分享开挂内幕!六瓣数字消有没有... 分享开挂内幕!六瓣数字消有没有挂(透视)切实真的有挂(2024已更新)(哔哩哔哩);1、进入游戏-大...
1分钟攻略!jj斗地主系统会操... 1分钟攻略!jj斗地主系统会操控吗,wepokE真是存在有挂,AI教程(有挂工具)暗藏猫腻,小编详细...
可靠技巧!wepoke黑科技(... 可靠技巧!wepoke黑科技(wepower辅助器)wEpoKe(本来真的有挂)1、让任何用户在无需...
微扑克ai机器人!微扑克靠谱,... 微扑克ai机器人!微扑克靠谱,wpk确实是真的有挂,wepoke教程(有挂插件)1、不需要AI权限,...
重磅来袭!麻友圈2贵州麻将有挂... 重磅来袭!麻友圈2贵州麻将有挂吗(辅助挂)真是有挂(2022已更新)(哔哩哔哩)1、许多玩家不知道麻...
八分钟辅助挂!传送屋有挂吗,g... 八分钟辅助挂!传送屋有挂吗,governorofpoker3原来是有挂,靠谱教程(有挂揭秘)1、八分...
wepoke辅助有挂!We辅p... 1、wepoke辅助有挂!We辅poker助,德州wepower的确是有挂的,德州教程(有挂教程);...
微扑克ai辅助!微扑克app,... 微扑克ai辅助!微扑克app,微扑克俱乐部管理(果然真的是有挂)1、微扑克ai辅助优化,微扑克发牌逻...
分辨真假!蜜瓜大厅拼三张有没有... 分辨真假!蜜瓜大厅拼三张有没有(透视辅助)好像存在有挂(2021已更新)(哔哩哔哩)1、用户打开应用...
九分钟实锤!小闲巴渝棋牌取胜,... 九分钟实锤!小闲巴渝棋牌取胜,鱼扑克app都是存在有挂,总结教程(有挂细节)1、任何小闲巴渝棋牌取胜...