我有一个看起来像的视图:
<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>
正如您所看到的那样,当我点击导入时,它会打开路线&#39; app.maintenance.portability.import&#39;在一个新的URL中。但是,我希望该状态的内容加载到选项卡下面的<Div>
而不是在另一个窗口中打开它。我怎么能这样做?
答案 0 :(得分:0)
我实际上使用ng-include:
解决了这个问题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都是单独的(或者它可以是相同html的一部分)html文件。然后在屏幕上渲染并加载