我想导航和传递一些隐藏的参数从角度路由器的外部链接。
假设我有一个在www.demo.com上运行的角应用程序,我想使用角路由器导航到带有一些隐藏参数的www.xyz.com。
我试着使用router.navigate(),但我想它只在应用程序中起作用,而不适用于外部链接。
<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}});
}请提出解决办法。谢谢
发布于 2018-06-27 04:42:57
不,你不能把隐藏的对角发送到任何外部链接。
但是下面是角度应用程序内部导航的用例。
海事组织为您的用例data属性将帮助您实现您的需求。
const routes: RouterConfig = [
{path : 'heroes', component : HeroDetailComponent, data : {some_data : 'some value'}}
];所以,你会得到你的内容你这样通过-
this.route.data.subscribe(data => console.log(data));PS:但据我所知,您只能使用data属性发送静态数据。
第三个路由中的 data 属性是存储与此特定路由关联的任意数据的位置。数据属性可在每个激活路由中访问。使用它存储项目,如页面标题,面包屑文本,以及其他只读的静态数据.在后面的指南中,您将使用解析保护来检索动态数据。
发布于 2018-06-27 04:45:14
首先,this.router.navigate只工作angular应用程序。没有办法用它完成你的请求。
有一个解决方案在这种情况下是使用javascript到open new tab。
您可以在这里参考:Open a URL in a new tab (and not a new window) using JavaScript
https://stackoverflow.com/questions/51054521
复制相似问题