2017-12-22 8 views
0

Also im mit Data-ng-Include, um eine HTML-Vorlage in einem div anzuzeigen. Das Problem, in das ich hineinlaufe, ist das in meinem lokalen ... der Weg zum html funktioniert und alles funktioniert gut. Allerdings, sobald ich Schluck bauen und die App in der Produktion laufen lassen, denke ich, dass der Pfad falsch ist und die UI die richtige Vorlage nicht finden kann.wie auf eine HTML-Vorlage in der Produktion mit angularJS zeigen

zum Beispiel ..

HTML:

<div id="abc" ng-init="init()"> 
    <div ng-controller="splitController" data-ng-include="templateURL"></div> 
</div> 

TemplateUrl:

$scope.templateURL = '/app/components/preview/split/split.html'; 

Wer weiß, wie der HTML-Pfad zu finden, wenn die Anwendung in prod gebaut wird?

Dank

+0

Wenn Sie die App ausführen, welchen Pfad versucht sie zu ziehen? – Ronnie

+0

seine ziehen https://productionUrl.com/app/components/preview/split/split.html, aber eine 404 nicht gefunden – zomdar

+0

, aber wenn von localhost geht es funktioniert gut in https: // localhost: 8080/app/komponenten/preview/split/split.html – zomdar

Antwort

0

erste, trennen Sie Controller und ng-umfassen. erstellen separate Elemente für jede

<div id="abc" > 
    <div ng-controller="splitController" ng-init="init()"> 
     <div ng-include="templateURL"></div> 
    </div> 
</div> 

dann in der URL, stellen Sie sicher, dass einfache Anführungszeichen innerhalb der doppelten Anführungszeichen zu verwenden.

$scope.templateURL = "'/app/components/preview/split/split.html'"; 
+1

Hinzufügen der einfachen Anführungszeichen innerhalb der Anführungszeichen tatsächlich warf und Fehler bc, wenn die einfachen Anführungszeichen zu dem Pfad – zomdar

+0

hinzugefügt wird, um den Pfad zu identifizieren, 'ng-include' müssen mit einfachen Anführungszeichen umwickeln –

+1

Wenn sein Pfad in der definiert ist Controller müssen Sie sie nicht in einfache und doppelte Anführungszeichen einschließen. Das ist nur dann der Fall, wenn der Pfad direkt in das "ng-include" injiziert wurde. Da er die Variable 'templateURL' verwendet, ist es gut, wie er sie hat. – Ronnie

Verwandte Themen