在使用ActivatedRoute时,你需要保证在路由配置中添加一个参数,并在组件中通过ActivatedRoute对象来获取该参数的值。比如,如果需要从路由路径中获取id参数,路由配置应该如下所示:
const routes: Routes = [
{ path: 'details/:id', component: DetailsComponent },
];
然后在组件中通过ActivatedRoute对象来获取id参数:
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-details',
templateUrl: './details.component.html',
styleUrls: ['./details.component.css']
})
export class DetailsComponent implements OnInit {
id: string;
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.paramMap.subscribe(params => {
this.id = params.get('id');
console.log(this.id); // 打印id参数值
});
}
}
在上述代码中,我们通过ActivatedRoute对象的paramMap属性来获取路由参数,并使用get方法获取id参数的值。