在有或没有 ui-route 的角度模式窗口中加载多个视图答案

【问题标题】：Load multiple views in angular modal window with or without ui-route在有或没有 ui-route 的角度模式窗口中加载多个视图
【发布时间】：2016-01-28 11:38:14
【问题描述】：

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

我尝试使用ui-sref 处理ui-route 子状态，但我得到的是在同一屏幕上替换的新页面或空白页面，而不是获取模型窗口。

下面是我想要制作的示例屏幕。在这里，我想浏览应用程序、游戏、电影等并加载相应的屏幕。关闭模型窗口后，我应该可以看到后视图。

请建议我实现它的好方法。提前致谢。

【问题讨论】：

关闭模态时你在做什么？可以分享代码吗？

标签： javascript angularjs angularjs-directive angular-ui-router mean-stack

【解决方案1】：

您是否尝试过在模式中使用 ng-include？在下面的代码中，“选择”应根据您的模态边栏进行更改。然后代表您的可切换内容的 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>

【讨论】：