Angular template directive binding

Question

Ich schrieb einzelne Datei mit Direktiven Vorlagen. Diese Datei wird mit der Anweisung ng-include an das Dokument angehängt. Manchmal lädt der Browser Vorlagen vor der Bindung der Richtlinienvorlage, aber nicht immer.

https://plnkr.co/edit/SNhVU6BoM0nbOelJpepE?p=preview

Gibt es eine Lösung nach ng-include Richtlinie warten, HTML-Inhalte zu dokumentieren und nach, dass bind Richtlinie Vorlagen anwenden? Vielleicht sollte ich andere Lösung verwenden, um diese Vorlagen in HTML-Dokument zu laden.

Answer 1

Angular hat zwei eingebaute Möglichkeiten:

1. Yout Vorlage in der Datei direkt in Ihrem 'index.html' enthalten sein sollte. (Sync-Vorlagen)

<script src="templates.js"></script> 
in which: 
app.run(function($templateCache) { 
    $templateCache.put('templateId', '<div></div>') 
}) 

2. Jede Vorlage in separaten Datei template1.html, templat2.html ... (Async Vorlagen)

sein sollte PS Während der Entwicklung befinden sich die Vorlagen immer in separaten HTML-Dateien, für die Produktion werden Vorlagen mit Hilfe von Build-Tools zu js-Dateien zusammengefasst.