Javascript 在带或不带ui路由的角度模式窗口中加载多个视图

我需要在模型窗口内加载多个视图。将有一组选项卡，其中包含一些图标，单击这些图标时，模型窗口内的视图将发生更改。 一旦模型窗口关闭，我应该回到打开模型窗口之前的状态

我尝试使用

ui-sref

使用

ui-route

子状态，但我得到的不是在同一屏幕上替换的新页面，就是一个空白页面，而不是一个模型窗口

下面是我想制作的一个示例屏幕。在这里，我想浏览应用程序、游戏、电影等，并加载相应的屏幕。关闭“模型”窗口时，我应该获得原样的后视图

---

请给我一个实现它的好方法。提前感谢。

您是否尝试在模式中使用ng include？在下面的代码中，“选择”应根据您的modal侧栏进行更改。然后，表示可切换内容的div可以写为

<div class="main-content" ng-switch on="selection">
    <div ng-switch-when="movies" >
        <ng-include src="'movies.html'"></ng-include>
    </div>
    <div ng-switch-when="apps">
        <ng-include src="'apps.html'"></ng-include>
    </div>
    .
    .
    .
    .
</div>

.
.
.
.

关闭modal时您在做什么？你能分享代码吗？