javascript - 如何使用 $stateProvider 更改选项卡的内容？

Question

我有一个看起来像这样的 View :

<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-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 文件。它们在屏幕上渲染并加载，单击