Angular的ActivatedRoute不能获取与路由相关联的对象
创始人
2024-10-24 01:30:19
0

在组件中调用对应的服务,以获取与路由相关联的对象。例如:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { MyService } from '../my.service';

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

{{myObject.name}}

{{myObject.description}}

` }) export class MyComponent implements OnInit { myObject: any; constructor(private route: ActivatedRoute, private myService: MyService) {} ngOnInit() { const id = this.route.snapshot.paramMap.get('id'); this.myService.getObject(id).subscribe( (result) => { this.myObject = result; }, (error) => { console.log(error); } ); } }

在这个组件中,我们使用 ActivatedRoute 来获取路由参数,然后调用一个 MyService 来获取与路由相关联的对象。我们使用 subscribe() 来接收 MyService 返回的结果,并将 myObject 变量设置为结果。

这个组件的模板使用 myObject 对象来显示数据。这样,我们就可以通过路由参数加载与路由相关联的对象了。

相关内容

热门资讯

透视安卓版!wepoker辅助... 透视安卓版!wepoker辅助器怎么用,禅游指尖四川无限钻石,技巧教程(有挂辅助);亲真的是有正版授...
透视私人局!wepoker透视... 透视私人局!wepoker透视脚本苹果,四川熊猫辅助器,透明挂教程(有挂技巧);《WPK辅助透视》‌...
透视透视!德朴之星脚本,闲来山... 透视透视!德朴之星脚本,闲来山水广西辅助,细节方法(有挂神器);建议优先通过闲来山水广西辅助透明挂内...
透视线上!aapoker辅助工... 1、透视线上!aapoker辅助工具免费下载,新超凡软甲辅助,插件教程(有挂神器)。2、新超凡软甲辅...
透视ai!智星德州有脚本吗,约... 透视ai!智星德州有脚本吗,约战竞技场辅助器,透牌教程(有挂软件);人气非常高,ai更新快且高清可以...
透视好友房!aapoker辅助... 透视好友房!aapoker辅助插件工具,新玄龙开挂图片,2025版教程(有挂技巧)1、不需要AI权限...
透视辅助!wepoker底牌透... 1、透视辅助!wepoker底牌透视脚本下载,小程序牵手跑得快辅助器,教你攻略(有挂神器)。2、小程...
透视软件!aapoker辅助包... 透视软件!aapoker辅助包,创思维app有挂吗,揭秘教程(有挂方法)1、玩家可以在创思维app有...
透视教程!aapoker辅助是... 透视教程!aapoker辅助是真的吗,上饶辅助,黑科技教程(有挂神器)是由北京得上饶辅助黑科技有限公...
透视软件!德普之星辅助功能如何... 1、透视软件!德普之星辅助功能如何打开,哈糖大菠萝辅助,详细教程(有挂透明)。2、哈糖大菠萝辅助透视...