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

鲁德拉

我有一个必须在模型窗口内加载多个视图的要求。将有一组带有一些图标的选项卡,单击这些图标后,视图应在模型窗口内更改。关闭模型窗口后,我应该回到打开模型窗口之前的状态。

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

以下是我要制作的示例屏幕。在这里,我想浏览App,游戏,电影等并加载相应的屏幕。在关闭模型窗口时,应该保持原样。

在此处输入图片说明

请向我建议一种实现此目标的好方法。提前致谢。

尼耶什

您是否尝试过在模态中使用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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular-UI引导程序的模态将不使用引导程序主题表单

来自分类Dev

通过多个音频设备播放音频(不使用UI)

来自分类Dev

图像加载不使用画布

来自分类Dev

在模态窗口中使用php数据

来自分类Dev

不使用图像的多个背景

来自分类Dev

单击链接时,使用AJAX在Kendo窗口中加载数据

来自分类Dev

使用回调和 ASP.Net MVC 在弹出窗口中加载选定的 GridView 项

来自分类Dev

如何在窗口中加载 Kendo Grid 并为参数值使用隐藏字段

来自分类Dev

从多个域使用sendgrid而不使用whitelabel

来自分类Dev

.NET不使用AppDomain中加载的Oracle.DataAccess.dll

来自分类Dev

模态表单不使用jQuery提交

来自分类Dev

不使用JS怎么打开新窗口

来自分类Dev

角度功能不使用此参数

来自分类Dev

Famous.js不使用角度渲染

来自分类Dev

WPF使用主窗口中的视图

来自分类Dev

不使用会话就地编辑流星视图

来自分类Dev

不使用时如何防止组件加载

来自分类Dev

不使用AJAX加载JSON数据

来自分类Dev

从故事板加载tableViewCell而不使用dequeueReusableCellWithIdentifier

来自分类Dev

不使用AJAX加载XML文件

来自分类Dev

jspm不使用--inject加载捆绑软件

来自分类Dev

不使用`source`加载python envvars

来自分类Dev

xterm不使用-name加载配置

来自分类Dev

使用MVVM在单个窗口中显示多个视图-需要更多信息

来自分类Dev

使用KIVY共同卡在加载窗口中

来自分类Dev

使用MVVM但不使用框架的WPF窗口导航(甚至不使用MSFT)

来自分类Dev

通过不使用多个计数进行分组

来自分类Dev

通过不使用多个计数进行分组

来自分类Dev

使用在接口中声明的方法,但不使用类