在组件中调用对应的服务,以获取与路由相关联的对象。例如:
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 对象来显示数据。这样,我们就可以通过路由参数加载与路由相关联的对象了。