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

相关内容

热门资讯

透视辅助"wpk控制... 透视辅助"wpk控制牌是真的吗"一直真的有辅助挂(哔哩哔哩)1、起透看视 wpk控制牌是真的吗辅助软...
透视了解"wepok... 透视了解"wepoker永久免费脚本"原来是真的辅助挂(哔哩哔哩)1、在wepoker永久免费脚本插...
透视总结"wepok... 透视总结"wepoker私人局透视方法"总是有辅助工具(哔哩哔哩);1、任何wepoker私人局透视...
透视揭露"wepok... 透视揭露"wepoker辅助器激活码"一贯存在有辅助挂(哔哩哔哩)1、wepoker辅助器激活码透视...
透视科普"wepok... 透视科普"wepoker有透视底牌吗"真是存在有辅助教程(哔哩哔哩)1、起透看视 wepoker有透...
透视揭幕"wepok... 透视揭幕"wepoker插件功能辅助器"都是是真的辅助神器(哔哩哔哩)1、进入到wepoker插件功...
透视关于"werpl... 透视关于"werplan透视挂"切实真的有辅助神器(哔哩哔哩)1、下载好werplan透视挂正确养号...
透视推荐"we-po... 透视推荐"we-poker辅助软件教程"果然存在有辅助攻略(哔哩哔哩)1、游戏颠覆性的策略玩法,独创...
透视专业"德普之星辅... 透视专业"德普之星辅助工具如何设置"切实存在有辅助软件(哔哩哔哩)1、金币登录送、破产送、升级送、活...
透视解密"pokem... 透视解密"pokemmo脚本辅助"一直有辅助器(哔哩哔哩)1、pokemmo脚本辅助模拟器是什么优化...