AngularJs | Seite nicht anzeigen, bis alle Direktiven htmls erfolgreich geladen werden

Question

Ich erstelle ein paar Direktiven in meiner angularjs-Anwendung, die externe HTML-Vorlage lädt (von einer anderen URL). Wenn ich auf diese Seite navigiere, funktioniert die gesamte Bindung, aber die Direktive html load ist nicht schnell genug passiert und zeigt daher einen leeren Platz dazwischen. Gibt es eine Möglichkeit, kann ich Angularjs bitten, auf das Laden der externen HTML-Ressourcen zu warten und dann die Seitenansicht anzuzeigen.

ich eine Beispiel-App gemacht haben, wo ich eine einfache Richtlinie erstellt und laden externe HTML, um es mit dynamischen Wartezeit (in Query-String für die Vorlage übergeben)

sample code

app.directive('ccDd1', function() { 
    return { 
     restrict: 'E', 
     scope: {}, 
     link: function() { 

     }, 
     templateUrl: 'http://testdirective.apphb.com/default?waittime=3' 
    }; 
}); 

kann jemand helfen ich darüber.

Answer 1

sicherzustellen, dass Sie angular.min.js vor Ihrem Skript hinzufügen und ich frage mich, warum Sie Skript sofort Funktion ist, sollte es normal Skript sein, so entfernen:

(function() { 
//your js code 
// do other stuff}()); and only set your code 

Answer 2

Sie die Richtlinie setzen können ngCloak auf dem übergeordneten div Ihrer Anweisungen. Das kann deinen Blink-Effekt entfernen.

ngCloack documentation