0

Ich suche Tabs zu verstecken und dann anzuzeigen, aber ich habe ein erfrischendes Problem. In der Tat, wenn ich ein Diagramm auswählen, dann klicken Sie auf die Schaltfläche ausblenden, um das Raster anzuzeigen, es verbirgt die anderen Registerkarten, aber es zeigt immer die nvD3-Diagramme anstelle des ui-Grid. Wenn ich Tab 2 wähle, klicke ich auf den Verbergen-Knopf, dann zeige Knopf, es wird der erste Tab aktiviert, aber das zweite Chart wird ausgewählt, nicht das erste.Angular UI-Tab nicht nach dem Verbergen

<uib-tabset> 
<uib-tab heading="Test1" ng-hide=hideCharts> 
    <nvd3 options="options" data="data"></nvd3> 
</uib-tab> 
<uib-tab heading="Test2" ng-hide=hideCharts> 
    <nvd3 options="options" data="data1"></nvd3> 
</uib-tab> 
<uib-tab heading="Test3" ng-hide=hideCharts> 
    <nvd3 options="options" data="data2"></nvd3> 
</uib-tab> 
<uib-tab heading="Test4"> 
    <div id="grid1" ui-grid="gridOptions" ui-grid-grouping class="grid"></div> 
</uib-tab> 
</uib-tabset> 

hier ist ein plunker für das Beispiel, das ich

Antwort

1

ng-hide ich versucht, wird die Registerkarte Komponente nicht entfernen, was seinen Zustand noch führen wird verfolgt werden. Ich habe das mit ng-if anstelle von ng-id behoben. Hier ist ein plunker mit der Lösung

<uib-tabset> 
<uib-tab heading="Test1" ng-if=hideCharts index="1"> 
    <nvd3 options="options" data="data"></nvd3> 
</uib-tab> 
<uib-tab heading="Test2" ng-if=hideCharts index="2"> 
    <nvd3 options="options" data="data1"></nvd3> 
</uib-tab> 
<uib-tab heading="Test3" ng-if=hideCharts index="3"> 
    <nvd3 options="options" data="data2"></nvd3> 
</uib-tab> 
<uib-tab heading="Test4"> 
    <div id="grid1" ui-grid="gridOptions" ui-grid-grouping class="grid"></div> 
</uib-tab> 
</uib-tabset> 
Verwandte Themen