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