uiview – 如何在AngularJS中设置嵌套视图?

前端之家收集整理的这篇文章主要介绍了uiview – 如何在AngularJS中设置嵌套视图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个应用程序与各种屏幕。每个屏幕都分配有一个URL,例如#,邮件,联系人等。

在我的主HTML文件中,我有一个ng-view元素,根据用户选择的路由更新。到现在为止还挺好。

现在有些屏幕有一个子导航。例如,#mails有收件箱和已发送的文件夹。他们给两个列提供了两个列:左侧的子导航,右侧相应文件夹的电子邮件

当您导航到#mails时,它会将您重定向到#mails / inBox,以便基本上收件箱是邮件的默认子视图。

我该如何设置?

我现在可以想到的唯一办法(我对AngularJS很新,因此原谅我,如果这个问题有点幼稚)是有两个意见,一个为#邮件/收件箱,另一个为#邮件/发送。

选择路由时,将加载这些视图。当您选择#mails时,它会将您重定向到#mails / inBox

但这意味着两个视图都必须使用ng-include作为子导航。不知怎的这对我来说是错误的。

我想要的是更多的是嵌套视图:顶部的一个在屏幕之间切换,如邮件,联系人等,底部一个在子视图之间的变化,如收件箱,发送等。

我将如何解决这个问题?

AngularJS ui-router解决了我的问题:-)

猜你在找的Angularjs相关文章