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

How to change content of a tab using $stateProvider?

本文关键字：选项 何使用 stateProvider      更新时间：2023-09-26

我有一个视图，看起来像:

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

你可以看到，当我点击import时，它打开了路由"app.maintenance.portability"。在新的URL中导入。但是，我希望在选项卡下面的<Div>中加载该状态的内容，而不是在另一个窗口中打开它。我该怎么做呢?

我实际上用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文件。然后在屏幕上渲染和加载点击

相关文章：