Question

我有一个页面，我从url传递产品ID。这个网址将从外面访问。

以下是我的路线定义。

const routes: Routes = [
  { path: 'product/:productId', component: ProductComponent }
]

在产品组件中，我订阅了这条路线。

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。

Angular正在将网址截断为http://localhost:4200/product/Qiqwieqo。并且完整的参数值无法得到安慰。

Answer 1

从url传递id是错误的。您传递的方式适用于查询参数而不是分段方式。有两种方法可以传递和访问查询参数

1) http://localhost:4200/product/Qiqwieqo/s
2) http://localhost:4200/product?Qiqwieqo=s

＆＃34; =＆＃34;之后的角度截断网址

1 个答案: