如何解决Angular Bootstrap选项卡第二次更改时未调用ngOnInit
在我的Angular应用中,我使用了ngx-bootstrap的选项卡集。当我第一次单击选项卡时,将调用该组件的ngOnInit,但是当我再次选择它时,它不会调用ngOnInit()。
父项:
<tabset #serviceTabs>
<tab
heading="{{ 'DEVICES.QOS.TABTITLE' | translate }}"
[active]="isTabActive('qos')"
(selectTab)="updateRouteQueryParam('qos')"
>
<app-qos-list [deviceId]="id"></app-qos-list>
</tab>
<tab
heading="{{ 'DEVICES.TRAFFICSTEERING.TABTITLE' | translate }}"
[active]="isTabActive('ts')"
(selectTab)="updateRouteQueryParam('ts')"
>
<app-traffic-steering-list [deviceId]="id"></app-traffic-steering-list>
</tab>
</tabset>
updateRouteQueryPArams()
updateRouteQueryParam(service: string): void {
this.activeServiceTab = service;
const urlTree = this.router.createUrlTree([],{
relativeTo: this.route,queryParams: {
service,},queryParamsHandling: 'merge',});
this.location.go(urlTree.toString());
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。