数据在路由中的传递可以通过参数传递实现,具体步骤如下:
const routes: Routes = [
{ path: 'detail/:id', component: DetailComponent }
];
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params } from '@angular/router';
import { Location } from '@angular/common';
@Component({
selector: 'app-detail',
templateUrl: './detail.component.html',
styleUrls: ['./detail.component.css']
})
export class DetailComponent implements OnInit {
private id: number;
constructor(
private route: ActivatedRoute,
private location: Location
) { }
ngOnInit() {
this.route.params.subscribe((params: Params) => {
this.id = +params['id'];
// 处理数据
});
}
}
在上面的示例中,通过 ActivatedRoute
服务获取路由参数,并通过 Params
对象获取当前路由的参数。然后,可以对数据进行处理,或者将其发送到其他组件。
上一篇:Angular数据源不排序
下一篇:Angular数据在模板中未显示