我有一个应用程序与各种屏幕。每个屏幕都分配有一个URL,例如#,邮件,联系人等。
在我的主HTML文件中,我有一个ng-view元素,根据用户选择的路由更新。到现在为止还挺好。
现在有些屏幕有一个子导航。例如,#mails有收件箱和已发送的文件夹。他们给两个列提供了两个列:左侧的子导航,右侧相应文件夹的电子邮件。
当您导航到#mails时,它会将您重定向到#mails / inBox,以便基本上收件箱是邮件的默认子视图。
我该如何设置?
我现在可以想到的唯一办法(我对AngularJS很新,因此原谅我,如果这个问题有点幼稚)是有两个意见,一个为#邮件/收件箱,另一个为#邮件/发送。
选择路由时,将加载这些视图。当您选择#mails时,它会将您重定向到#mails / inBox。
但这意味着两个视图都必须使用ng-include作为子导航。不知怎的这对我来说是错误的。
我想要的是更多的是嵌套视图:顶部的一个在屏幕之间切换,如邮件,联系人等,底部一个在子视图之间的变化,如收件箱,发送等。
我将如何解决这个问题?
AngularJS ui-router解决了我的问题:-)