如何使用 Angular 2 在 URl 中使用问号答案

【问题标题】：How to use questionmark in URl using angular 2如何使用 Angular 2 在 URl 中使用问号
【发布时间】：2017-10-15 09:56:54
【问题描述】：

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

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

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

如何才能做到这一点，请帮助我。

请帮帮我..!!

【问题讨论】：

如果我没记错的话，您正在寻找如何解码 URI 编码的字符串，对吧？如果是，那么使用decodeURIComponent(your_url_encoded_variable); 怎么样？
是的，我看起来一样，但是如何在路由路径中使用 decodeuri 方法？如何在打字稿文件中实现。

【解决方案1】：

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

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

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

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

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

【讨论】：