Как изменить содержимое вкладки с помощью $ stateProvider?

Question

У меня есть мнение, которое выглядит как:

<h2>Data Package Management</h2> 

<div class="row push-down-md"> 
    <tabs data="tabData" type="tabs"></tabs> 
    <div class="col-md-12"> 
     <tabset> 
      <tab heading="Create"> 
       <div> 
        Create Package 
       </div> 
      </tab> 
      <tab heading="Import" ui-sref="app.maintenance.portability.import"> 
       <a ui-sref="app.maintenance.portability.import">Hello</a> 
       <div ui-view></div> 
      </tab> 
     </tabset> 
    </div> 
    </div> 

Как вы можете видеть, что, когда я нажимаю на импорт, она открывает маршрут «app.maintenance.portability.import» в новом URL. Тем не менее, я хочу, чтобы содержимое этого состояния загружалось в <Div> под вкладкой, а не открывалось в другом окне. Как я могу это сделать?

Answer 1

Я на самом деле решить эту проблему с использованием нг-включают в себя:

div class="row push-down-md" > 
    <tabs data="tabData" type="tabs"></tabs> 
    <div class="col-md-12"> 
     <tabset> 
      <tab heading="Export" > 
       <div ng-include src= "currentExportDiv"></div> 
      </tab> 
      <tab heading="Import" > 
       <div ng-include src= "currentImportDiv"></div>  
      </tab> 
     </tabset> 

    </div> 

Где и currentImportDiv и currentExportDiv являются saperate (или это может быть частью того же HTML) HTML файлы. и они отображают и загружают на экран щелчок