Question

            root
           / | \
          /  |  \
         /   |   \
   header content navbar
             |
             |
           library (abstract)
           / | \
          /  |  \
         /   |   \
    Authors Books Movies

使用我上面的漂亮图片，我想解释一些事情：

header包含一些用于检索用户的API数据（例如GET /user/me）
作者有自己的GET /authors用于填充该视图
书籍和电影与作者相同，只是他们自己的状态

现在这就是我想要的：

我想要一个级联布局，首先可以加载页面的主要布局，然后是＆＃34;库＆＃34;应用程序可以加载到它上面，没有任何＆＃34;滞后＆＃34;或阻止用户体验。

然而，ui-router今天似乎如何工作，如果我在整个应用程序中有1个解决方案并且我将它放在＆＃34;库＆＃34;状态，会发生什么是＆＃34;标题＆＃34;和＆＃34; navbar＆＃34;状态被阻止，直到解析完成。我期望发生的是父州首先加载他们的观点，然后是＆＃34;库＆＃34;国家阻止决心。这样，您可以在加载页面后立即在浏览器中看到导航栏和标题，但是您将获得加载栏或微调器，直到＆＃34;库＆＃34;解决完毕。

实现此功能的任何简单方法都是不使用解析，而只是在控制器内部拥有所有API逻辑，但这会导致3个资源中每个资源的范围仅限于其控制器，就是这样。这意味着，如果您在Movies控制器中，则无法查看Authors资源，因为Authors的范围仅限于＆＃34;作者＆＃34;控制器。这使得Web套接字等效率降低甚至无法使用。

我在这里做错了什么导致我无法获得所需的功能，或者这种架构无法实现这一点？

如何通过AngularJS + ui-router

0 个答案: