使用或不使用ui-route在角度模态窗口中加载多个视图

Question

我有一个要求，我必须在模型窗口中加载多个视图。会有一组标签，其中包含一些图标，点击这些图标后，视图应在模型窗口内更改。 关闭模型窗口后，我应该在打开模型窗口之前返回状态。

我尝试使用ui-route使用ui-sref子状态，但我在相同的屏幕或空白页面上取代了新页面，而不是获取模型窗口。

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

请建议我一个很好的方法来实现它。提前谢谢。

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