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

相关内容

热门资讯

2分钟细说!佛手在线是不是有挂... 2分钟细说!佛手在线是不是有挂,wepoker透视脚本安卓,安装教程(有挂方法);1.佛手在线是不是...
查到实测!wepoker手机助... 查到实测!wepoker手机助手,拱趴大菠萝挂哪里,解说技巧(有挂技巧)准备好在拱趴大菠萝挂哪里ia...
必备教程!德普之星透视辅助,哈... 必备教程!德普之星透视辅助,哈糖大菠萝怎么挂,曝光教程(有挂软件);实战中需综合运用上述技巧,并根据...
玩家必看攻略!红龙poker辅... 玩家必看攻略!红龙poker辅助工具,pokernow辅助工具,详细教程(有挂辅助)是一款可以让一直...
推荐一款!poker worl... 推荐一款!poker world辅助,hhpkoer辅助挂是真的吗,透明挂教程(有挂神器)这是由厦门...
我来教教大家!newpoker... 我来教教大家!newpoker脚本,wepoker辅助插件功能,解说技巧(有挂神器);建议优先通过w...
信息共享!wejoker透视方... 信息共享!wejoker透视方法,hhpoker辅助挂下载,科技教程(有挂攻略);致您一封信;亲爱h...
玩家攻略!hhpoker透视脚... 玩家攻略!hhpoker透视脚本视频,hhpoker辅助软件,必备教程(有挂攻略);1分钟了解详细教...
推荐一款!aapoker如何设... 此外,数据分析德州(aapoker如何设置胜率)辅助神器app还具备辅助透视行为开挂功能,通过对客户...
如何分辨真伪!约局吧德州真的有... 如何分辨真伪!约局吧德州真的有透视挂吗,aapoker怎么拿好牌,2025新版(有挂方法)1、许多玩...