UI路由器嵌套视图无法解析

Question

我正在使用UI Router Multiple Views概念。

该文件说，我可以有个人意见resolve。正如您在my plunker中看到的那样，我对子视图有一个解决方案。该决议返回一个承诺，在我的情况下，在父控制器中解决。我用setTimeOut模拟了我的问题。基本上，5秒后，子视图应该加载（警报说“在儿童状态”），但它不！

相关代码如下，但请改为参考Plunker。

'child@parent': { 
    template: '<h4>This is Child State</h4>', 
    controller: childCtrl, 
    resolve: { 
     trd: function(tradeFactory) { 
      console.log('in resolve of child'); 
      return tradeFactory.ready(); 
     } 
    } 
} 

Answer 1

（检查更新和工作plunker）点这里：

所有resolve必须已经解决，意见（及其控制器）渲染

前

而这在你的情况下是不正确的。事实上，存在竞争状况，最终陷入僵局。

1. 一个观点是等待解决（设有promise）
2. 其他视图的控制器是准备触发的决心（使解决承诺），但...它不能被触发，同时等待其兄弟

原始片段

views: { 

    '': { 
    ... 
    // inside of this, you expect to resolve the below promise 
    controller: parentCtrl 
    }, 


    'child@parent': { 
     ... 
     resolve: { 
      trd: function(tradeFactory) { 
       // this is a promise waiting for resolve 
       // implemented in parent controller ... deadlock 
       return tradeFactory.ready(); 
      } 
     } 
    } 

因此，上述不起作用。我们必须全力以赴解决问题，例如这种方式：

views: { 

    '': { 
    ... 
    controller: parentCtrl, 
    // here do the resolve 
    resolve: { 
     parentReady: function(tradeFactory){ 
     setTimeout(function(){ 
      tradeFactory.ResolveReady() 
     }, 1500); 
     } 
    } 
    }, 


    'child@parent': { 
     ... 
     resolve: { 
      trd: function(tradeFactory) { 
       console.log('in resolve of child'); 
       return tradeFactory.ready(); 
      } 
     } 
    } 

有updated plunker