使用或不使用 ui-route 在 angular modal window 中加载多个视图

Question

我有一个要求，我必须在模型中加载多个视图 window。会有一组带有一些图标的选项卡，单击这些图标后，模型内部的视图应该会发生变化 window。 一旦模型window关闭，我应该回到打开模型window之前的状态。

我尝试使用 ui-sref 的 ui-route 子状态，但我在同一屏幕上替换了新页面或空白页面而不是模型 window。

下面是我想要制作的示例屏幕。在这里，我想浏览 App、Games、Movies 等并加载相应的屏幕。在关闭模型时 window，我应该得到原样的后视图。

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

Answer 1

您是否尝试过在模式中使用 ng-include？在下面的代码中，"selection" 应该根据您的模态侧边栏进行更改。那么代表你的可切换内容的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>