angularjs - Angular ui 路由器 : How to render parent view before child's resolve is resolved?

Question

考虑以下 ui-router 设置:

index.html

<div ui-view></div>

ui-router 配置

$stateProvider
  .state('search', {
    abstract: true,
    url: '/search',
    views: {
      '@': {
        templateUrl: 'main.html'
      }
    }
  })
  .state('search.results', {
    url: '/results',
    views: {
      ...
    },
    resolve: {
      data: function() {
        ...
      }
    }
  })

当我导航到 search.results , main.html直到 resolve 才呈现已解决。

ui-router 有没有办法渲染父 View 之前 child 用品 resolve解决了吗？

Another related question

Answer 1

正如评论中提到的，使用 resolve 的目的是防止在加载数据之前发生状态更改。您显然不希望出现这种行为，因为您希望在加载“数据”之前进入状态并呈现 View 的一部分。解决方案是在 Controller 中加载“数据”而不是使用解析。如果 Controller 中有依赖于“数据”的逻辑，只需将该逻辑移动到回调中即可。