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