如果在使用Angular路由时遇到参数返回空的问题,可能是因为路由配置或者参数获取方法有误。可以按照以下步骤检查和修复:
const routes: Routes = [
{ path: 'product/:id', component: ProductComponent }
];
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-product',
templateUrl: './product.component.html',
styleUrls: ['./product.component.css']
})
export class ProductComponent implements OnInit {
productId: string;
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.productId = this.route.snapshot.params['id'];
}
}
Product ID: {{ productId }}
如果以上方法仍无法解决问题,可以通过console.log()或者debugger进行调试,查看参数是否被正确传递和获取。