Remove sub-tabs with ng-repeat AngularJS

20 views
Skip to first unread message

Catia Matos

unread,
Jun 22, 2017, 10:57:05 AM6/22/17
to Angular and AngularJS discussion

Hi everyone I'm facing some problems developing a page where I have a tab and under 2 sub-tabs.. In this case I want to have just the tab and none sub tab, in case of that not be possible use one subtab instead.

My code:

    <tab ng-if="user.data.root" heading="Accounting" select="changeTab()" disable="!tabClick" active="activeTab.netfilter">  
      <div class="no-data" ng-if="activeNoData.netfilter">
           <img src="/assets/img/nodata.png"/>
              <h3>No Data</h3>
      </div>
      <tabset class="box-tab box-tab-sub"> 
         <tab ng-repeat="type in dataGraph.netfilter.types" heading="{{type.label}}" select="changeSubTab(type.type)" disable="!tabClick">
            <div class="col-md-12" style="text-align:center;margin-bottom:30px" ng-repeat="graph in dataGraph.netfilter[type.type]">
            <img ng-if="!graph.options" style="height:32px;margin:50px auto;" src="/assets/img/loader.gif" />
            <div ng-if="graph.options">
            <dygraph options='graph.options' data="graph.data"></dygraph>
            <br>
        </div>
       </div>
   </tab>
  </tabset>
</tab>


Hi everyone I'm facing some problems developing a page where I have a tab and under 2 sub-tabs.. In this case I want to have just the tab and none sub tab, in case of that not be possible use one subtab instead.

My code:

    <tab ng-if="user.data.root" heading="Accounting" select="changeTab()" disable="!tabClick" active="activeTab.netfilter">  
      <div class="no-data" ng-if="activeNoData.netfilter">
           <img src="/assets/img/nodata.png"/>
              <h3>No Data</h3>
      </div>
      <tabset class="box-tab box-tab-sub"> 
         <tab ng-repeat="type in dataGraph.netfilter.types" heading="{{type.label}}" select="changeSubTab(type.type)" disable="!tabClick">
            <div class="col-md-12" style="text-align:center;margin-bottom:30px" ng-repeat="graph in dataGraph.netfilter[type.type]">
            <img ng-if="!graph.options" style="height:32px;margin:50px auto;" src="/assets/img/loader.gif" />
            <div ng-if="graph.options">
            <dygraph options='graph.options' data="graph.data"></dygraph>
            <br>
        </div>
       </div>
   </tab>
  </tabset>
</tab>

Image of problem: http://imgur.com/a/i3M3K

Reply all
Reply to author
Forward
0 new messages