javascript - 如何使用angular 2在URl中使用问号

Question

我是 Angular 2 的新手在这里，显示了我的 url 将被显示的路由器代码。 Router Code现在，当我运行该代码时，url 看起来像这样......

localhost:50465/promotion%3Fid%3D/51059

在那个 url 中显示 %3F 而不是问号 (?) 和 %3D 而不是 equalto(=) 。显示如何显示我的原始 url。我的代码看起来像那样。

我想这样输出: http://localhost:50465/promotion?id=132

如何实现这个请帮助我。

请帮助我..!!

Answer 1

在您的场景中，您可以使用如下所示的路由器代码:

{       
    path: 'home/promotiondetail',        
    component: component name
}

在您的 html 端，您可以声明您的路由器代码如下所示:

[routerLink]="['promotiondetail']" [queryParams]="{ id: {{id}} }"

当你运行这段代码时，你可以得到如下所示的 url:

http://localhost:50465/promotion?id=132

希望，这是有用的。有关更多信息，请使用此链接:https://angular-2-training-book.rangle.io/handout/routing/routeparams.html