我有一个页面,我从url传递产品id。将从外部访问此url。
下面是我的路由定义。
const routes: Routes = [
{ path: 'product/:productId', component: ProductComponent }
]
在Product component中,我订阅了这个控制台路由。
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-product',
template: '<h1>Product Page</h1>'
})
export class ProductComponent implements OnInit {
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.params
.subscribe(params => {
console.log(params);
})
}
}
如果像http://localhost:4200/product/Qiqwieqo=s
那样访问url。
Angular正在将url截断为http://localhost:4200/product/Qiqwieqo
。并且完整的param值不会得到安慰。
发布于 2018-01-29 11:17:51
从url传递id是错误的。您传递的方式适用于查询参数而不是段way.There是您传递和访问查询参数的两种方式
1) http://localhost:4200/product/Qiqwieqo/s
2) http://localhost:4200/product?Qiqwieqo=s
https://stackoverflow.com/questions/48499286
复制