如何使用$ 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> 

正如你可以看到，当我点击进口，它会打开一个新的URL路径“app.maintenance.portability.import”。但是，我希望该状态的内容在标签下方的<Div>中加载，而不是在另一个窗口中打开它。我怎样才能做到这一点？

Answer 1

我其实解决了这个问题与使用的NG-包括：

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文件。并在屏幕上呈现并加载点击