【发布时间】:2020-04-14 07:17:57
【问题描述】:
MemberDetailedComponent
@ViewChild('memberTabs', { static: false }) memberTabs: TabsetComponent;
ngOnInit() {
/* get thr routes tab parameter */
this.route.queryParams.subscribe(params => {
// tslint:disable-next-line: no-string-literal
const selectTab = +params['tab'];
console.log('queryparams:' + selectTab);
this.memberTabs.tabs[selectTab > 0 ? selectTab : 0].active = true;
});
}
selectTab(tabId: number) {
this.memberTabs.tabs[tabId].active = true;
}
在路由器链接中
[routerLink]="['/members']"[queryParams]="{ tab: 3 }"
虽然 selectTab 读取了值,但控制台显示标签未定义
【问题讨论】:
-
你的路线是什么样的?
-
请注意
memberTabs在ngOnInit生命周期挂钩中未定义。使用ngAfterViewInit -
其他一切看起来都正确
标签: angular typescript rxjs