UI-Router verschachtelte Ansicht nicht aufgelöst

Question

Ich verwende Konzept.

Die Dokumentation sagt, dass ich resolve auf einzelne Ansichten haben kann. Wie Sie in my plunker sehen können, habe ich eine Lösung für meine Kindansicht. Die Auflösung gibt ein Versprechen zurück, das in meinem Fall im übergeordneten Controller aufgelöst wird. Ich habe mein Problem mit einem setTimeOut simuliert. Grundsätzlich sollte nach 5 Sekunden die Kinderansicht geladen werden (mit einem Warnhinweis "In Child State"), aber das tut es nicht !!!

Relevanter Code ist unten, bitte beziehen Sie sich stattdessen auf 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

(Überprüfen Sie aktualisiert und Arbeits plunker) Der Punkt hier ist:

alle resolvebereits gelöst werden müssen, bevor die Ansichten (mit Controller) gerendert werden

Und das ist in Ihrem Szenario nicht wahr. In der Tat gibt es eine Wettlaufbedingung, die in der Sackgasse endet.

1. eine Ansicht für eine Entschlossenheit wartet (ist mit einer promise)
2. anderen Controller Ansicht ist bereit, Entschlossenheit auslösen (ein Versprechen aufgelöst machen), aber ... es kann nicht ausgelöst werden, während für seine Geschwister warten

Der ursprüngliche Schnipsel

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(); 
      } 
     } 
    } 

Also, das obige funktioniert nicht. Wir müssen alles innerhalb des Entschlusses tun, z.B. auf diese Weise:

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(); 
      } 
     } 
    } 

Es gibt updated plunker