AngularJS嵌套应用程序

我需要在另一个应用程序中嵌套应用程序,我正在寻找如何做到这一点的良好实践。

我有一个“userApp”来管理经过身份validation的用户的控制面板。 因此,未经过身份validation的用户的结构如下所示。

   
....

登录由PHP管理,因此当用户登录时,他将被重定向到控制面板,结构如下所示。

    
...
....

所以,现在我需要在这一个上定义一个主应用程序,由经过身份validation和未经过身份validation的用户共享,结构将如下所示。

    
...
....

这两个应用程序不需要共享任何内容,只需要一个主应用程序来管理经过身份validation的用户和未经身份validation的用户之间的公共数据。 例如,可以管理导航栏,侧边栏,不同的ajax调用,但不关心用户是否经过身份validation(这是部分正确的,userApp可以设置localStorage变量,可以在userApp外部读取并且可以由mainApp管理)。 userApp有路由,mainApp没有。

我没有尝试过,但我很确定它会破坏,我正在寻找如何实现相同结果的最佳实践(我不想搞砸代码,两个月后发现这是一个弗兰肯斯坦….)

任何建议? 这是可以实现的,或者我需要重新考虑结构并避免使用mainApp(比方说,我可以使用jQuery来做同样的事情……)。 我只是不想放弃userApp中的路由,如果可能的话,我不想在这个中更改任何内容,因为它是单独维护的,它已经准备就绪,并且已经过测试。

谢谢

编辑

看起来答案是没有AngularJS applications cannot be nested within each other.

所以我的问题是,是否可以在身体级别移动userApp并仅在用户通过身份validation时才使用路由,并且仅在控制面板中使用?

/ index

/user#/控制面板

/user#/account angular route

/some-url不是有角度的路线

/some-url/some-page not angular route

在我看来,您应该重新考虑您的结构,例如,您可以创建一个具有嵌套控制器和服务的应用程序来管理身份validation。

我发现了一些关于嵌套应用程序的问题,似乎有人能够做某事但可能不是你的情况。 无论如何看看:

我可以在AngularJS中的另一个内使用一个ng-app

AngularJS:如何在角度应用程序中嵌套应用程序