Posted by: hai.le on 29 January 2023, 10:57 pm EST

  • Posted 29 January 2023, 10:57 pm EST

    I using wj-tab-panel and child component in angular.

    When creating a new tab, it will automatically activate.

    I used selectedIndex and selectedTab but not working .

    How can do that.

    <wj-tab-panel #testTab [selectedIndex]="isSelected" [selectedTab]="isSelected">
                <wj-tab *ngFor="let tab of tabList " >
                    <a >NO.{{tab.header}}</a>
                        <app-test [tabIndex]="tab.header" [tabId]="tab.header">

    Please help me.

    Thank you.

  • Posted 31 January 2023, 3:30 pm EST


    This query has been answered on our other platform, here is a copy of the response -

    As per your shared code snippet, you have set isSelected variable as selectedIndex in TabPanel, I’m assuming that the isSelected contains the last tabPanel index, if so then we are unable to replicate the issue at our end, could you please refer to the below sample used to replicate the issue and let us know if any changes are required to replicate the issue at our end?

    If you are facing the issue only in your application and not in the below-shared sample, it might be possible that the issue is caused due to some other factors in your application therefore I would request you to please share a small sample replicating the issue.

    Sample link: https://jscodemine.grapecity.com/share/DhfBD8s4_0epJ-rK9MWEpg/?defaultOpen={"OpenedFileName"%3A["%2Fsrc%2Fapp.component.ts"%2C"%2Fsrc%2Fapp.component.html"]%2C"ActiveFile"%3A"%2Fsrc%2Fapp.component.html"}


Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels