angular - 使用angular将隐藏参数传递给外部链接

Question

我想从 Angular 路由器导航并将一些隐藏参数传递给外部链接。

假设我有一个在 www.demo.com 上运行的 Angular 应用程序，我想使用 Angular 路由器使用一些隐藏参数导航到 www.xyz.com。

我试过使用 router.navigate() 但我猜它只能在应用程序中使用，不能用于外部链接。

HTML

<a class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary" data-scribe-element="profile_edit_button" type="button" (click)="enterUrl($event)">
<span class="button-text">Enter Url</span>
</a>

组件

enterUrl(event:any){
    var final_url = 'www.xyz.com'
    this.router.navigate([final_url], { queryParams: {token: this.token}});
  }

请提出解决方案。谢谢

Answer 1

不，您不能将隐藏参数发送到任何外部链接。

但下面是 Angular 应用程序内部导航的用例。

您的用例 data 属性的 IMO 将帮助您实现您的要求。

const routes: RouterConfig = [
  {path : 'heroes', component : HeroDetailComponent, data : {some_data : 'some value'}}
];

所以，你会得到你传递的内容——

this.route.data.subscribe(data => console.log(data));

PS:但据我所知，您只能使用 data 属性发送静态数据。

The data property in the third route is a place to store arbitrary data associated with this specific route. The data property is accessible within each activated route. Use it to store items such as page titles, breadcrumb text, and other read-only, static data. You'll use the resolve guard to retrieve dynamic data later in the guide.