$ stateProviderを使用してタブの内容を変更する方法は？

Question

私は次のようになりますビューがあります：あなたは、私は、インポートをクリックしたとき、それは新しいURLにルート「app.maintenance.portability.import」を開くことを見ることができるように

<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> 

を。しかし、その状態の内容を別のウィンドウで開くのではなく、タブの下にある<Div>にロードしたいとします。どうやってやるの？

Answer 1

私は実際にはNG-含んを使用してこの問題を解決：

currentImportDivとcurrentExportDiv両方がsaperateている（あるいは、それは同じHTMLの一部にすることができます）

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> 

htmlファイル。スクリーン上でレンダリングしてロードします。