angular跳转指定页面_从链接Angular 6重定向另一个页面的指定选项卡中

I'm working with Angular 6.2 & Angular Material.

I have a page with mat tabs (3 tabs).

It is possible to redirect in this page but with the 3rd tab active? From clicking a link in the navbar.

It looks like not possible, there isn't any solution for this on websites.

解决方案

I found a good solution:

I use queryParams

Link

Then I set my tab active if there is tab & it's value = notifications:

[active]="tab && tab === 'notifications'"

In the controller I set tab (this.tab) if there is queryparams and I remove it so I never see

?tab=notifications

in my URL.

ngOnInit() {

this.activatedRoute.queryParams.subscribe((params) => {

if (params.tab) {

this.tab = params.tab;

this.route.navigate([], {

queryParams: {

tab: null,

},

queryParamsHandling: 'merge',

});

}

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值