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

相关内容

热门资讯

信息共享!福州十八扑破解,大唐... 信息共享!福州十八扑破解,大唐山西辅助软件,详细方法(确实有挂)1、进入游戏-大厅左侧-新手福利-激...
揭秘几款!萍乡打滚筒六副攻略,... 揭秘几款!萍乡打滚筒六副攻略,随意玩辅助器,详细脚本(有挂细节)在进入萍乡打滚筒六副攻略软件靠谱后,...
科普!免费的衢州都莱辅助器下载... 科普!免费的衢州都莱辅助器下载,多乐跑得快辅助器,详细技巧(真的有挂)1、免费的衢州都莱辅助器下载辅...
科技通报!老友麻将辅助器,情怀... 科技通报!老友麻将辅助器,情怀至友互娱辅助软件,详细app(有挂方针)1、情怀至友互娱辅助软件模拟器...
我来向大家传授!蜀山四川智能辅... 我来向大家传授!蜀山四川智能辅助插件,蛮籽麻旺重庆辅助,详细软件(有挂详情)一、蜀山四川智能辅助插件...
六分钟了解!蜀山四川小程序脚本... 六分钟了解!蜀山四川小程序脚本,丽水都来脚本辅助,详细插件(讲解有挂)1、超多福利:超高返利,海量正...
终于清楚!传送屋软件辅助,皮皮... 终于清楚!传送屋软件辅助,皮皮游戏破解器,详细神器(详细教程)1、上手简单,内置详细流程视频教学,新...
推荐攻略!新财神辅助器,情怀七... 推荐攻略!新财神辅助器,情怀七喜游戏辅助,详细攻略(的确有挂)1、完成情怀七喜游戏辅助有辅助插件,帮...
分享实测!情怀游戏辅助器破解版... 分享实测!情怀游戏辅助器破解版,青鸟辅助平台,详细教程(存在有挂)1、上手简单,内置详细流程视频教学...
玩家必备攻略!微信小程序微乐辅... 玩家必备攻略!微信小程序微乐辅助器,乐达大连穷胡小鸡满天飞,详细脚本(有挂秘诀)1、该软件可以轻松地...