ui-grid görüntülenmiyor

Question

Biz ng-grid kullanıyorduk ama biz en son angularjs'e geçtikten sonra n.swap hakkında bir hata alışıyorduk ve bir şey işlenmedi. UI-grid'e yükseltmeye karar verdim, Yükseltme için eğiticiyi takip ettim. Geliştirme Araçları Konsolu'nda artık hata görmüyorum, ancak sekmeyi etkinleştirdiğimde ızgara görünmüyor. daha sekme vardır

<div class="widget-content"> 
 
       <div class="scrollable widget-resize"> 
 
        <div class="padd"> 
 
         @Html.Partial("_EditFormAlerts") 
 
        </div> 
 
        <div class="col-lg-3 col-md-3 panel-container"> 
 
         <ul class="nav nav-pills nav-stacked"> 
 
          <li class="active"><a data-toggle="pill" href="#general" ng-class="{true: 'invalid-tab', false: ''}[form.editItemGeneralForm.$invalid]">@Labels.general</a></li> 
 
          <li><a data-toggle="pill" href="#history" ng-class="{true: 'invalid-tab', false: ''}[form.editItemHistoryForm.$invalid]">@Labels.priceHistory</a></li> 
 
          
 
         </ul> 
 
        </div> 
 
        <div class="col-lg-9 col-md-9 panel-container"> 
 
         <div class="tab-content"> 
 
          <div class="tab-pane active" id="general"> 
 
           @Html.Partial("EditItem") 
 
          </div> 
 
          <div class="tab-pane" id="history"> 
 
           @Html.Partial("EditItemHistory") 
 
          </div> 
 
          
 
         </div> 
 
        </div> 
 
       </div> 
 
      </div>

Bizim sekmeler tanımlanır, ama sadece 2 alakalı sekmeleri gösteriyorum. SSS, şebekeyi düzgün şekilde göstermek için ng-if kullanılmasını önerir ve bu http://plnkr.co/edit/LtpFnDUTofuxitb4Vh9x?p=preview'a başvurur, ancak bu çözümün sekmelerimize nasıl uygulanacağını anlayamıyorum. senin ızgara div bir yükseklik stil eklemek

Answer 1

Dene: senin plnkr içinde senin verileri görmek belirtti :) Ben de sadece plnkr ilan 2 sekme görüyorum sonra

<div id="grid1" ui-grid="gridOptions" class="grid" ng-if="tabShown" style="height:200px;"></div> 

.