角度的UI - 隱藏後不刷新

我期待隱藏標籤，然後顯示它們，但我面臨一個令人耳目一新的問題。實際上，如果我選擇一個圖表，然後單擊隱藏按鈕以顯示網格，它會隱藏其他選項卡，但它始終顯示nvD3圖表而不是ui網格。即使在圖表標籤中，如果我選擇標籤2，然後點擊隱藏按鈕，然後顯示按鈕，它將激活第一個標籤，但第二個圖表不是第一個標籤。角度的UI - 隱藏後不刷新

<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>

這裏是我想要

來源

2016-05-21 Mohamed NAOUALI

NG隱藏不會刪除的選項卡組件，這將導致其狀態仍然被跟蹤的例子中plunker。我修正了使用ng-if而不是ng-id。這裏是一個plunker與解決方案

<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>

來源

2016-05-22 11:32:40

角度的UI - 隱藏後不刷新

回答

相關問題