AngularJS Registerkarte mit benutzerdefinierten Vorlage

Question

Hallo i Tab in Winkel js folgen feinen

<section class="panel-body"> 
     <ul class="nav nav-tabs" ng-init="activeTab = 'details'"> 
      <li ng-class="{ active: activeTab === 'details' }"> 
       <a ng-click="activeTab = 'details'" href="#">Details</a> 
      </li> 
      <li ng-class="{ active: activeTab === 'options' }"> 
       <a ng-click="activeTab = 'options'" href="#">Options</a> 
      </li> 
      <li ng-class="{ active: activeTab === 'other' }"> 
       <a ng-click="activeTab = 'other'" href="#">Other</a> 
      </li> 
     </ul> 

     <div class="tab-content"> 
      <div class="tab-pane" ng-class="{ active: activeTab === 'details' }">Details tab content.</div> 
      <div class="tab-pane" ng-class="{ active: activeTab === 'options' }">Options tab content.</div> 
      <div class="tab-pane" ng-class="{ active: activeTab === 'other' }">Other tab content.</div> 
     </div> 
    </section> 

funktioniert Aber ich möchte benutzerdefinierte Vorlage

insted gleichen Seite aufrufen

Answer 1

dynamisch zu einer Registerkarte Inhalt basierend auf dem ausgewählten umfassen Reiter können Sie ng-include verwenden:

<div class="tab-content"> 
    <div class="tab-pane" 
     ng-include src="activeTab + '.html'"> 
</div> 

Dadurch wird es details.html 'aufzunehmen, wenn die Registerkarte ‚Details‘ ausgewählt ist, und so weiter.

Siehe this jsfiddle für ein Beispiel