Angular UI-Router lädt keine Vorlage, die ich nicht angefordert habe
Plunker-Code, der das unten beschriebene Problem anzeigt
Ich verwende zwei Komponenten der AngularUI Suite, UI-Router und UI-Bootstrap. UI-Router ist verantwortlich für das Laden von Vorlagen, wenn der Benutzer auf meine Navigationsleisten-Links klickt.
Nur die ersten beiden Links unter 'UI Widget Templates' (AngularUI-Bootstrap und Alert) sind aktiv
UI-Bootstrap ist verantwortlich für die Erstellung von netten Widgets innerhalb der Templates. Ich scheine UI-Router korrekt konfiguriert zu haben, indem ich die richtigen Vorlagen lade und diese Vorlagen Zugriff auf den richtigen Controller haben. Das Problem, das ich habe, ist, dass meine UI-Bootstrap-Komponenten nicht laden und seltsame Fehler generieren, die darauf hindeuten, dass sie irgendwie versuchen, Vorlagen selbst zu laden? Was habe ich in meiner Implementierung falsch gehandhabt, die das Laden der Bootstrap-UI-Anweisungen verhindert?
HTML-Vorlage für Alert Dropdown-Link
%Vor%Fehlermeldung von der Konsole, wenn die Alert-Vorlage geladen wird
Winkelgüte
%Vor%2 Antworten
UI-Bootstrap beruht auf dem Vorhandensein von Vorlagen, die in der Datei ui-bootstrap- [version] .js nicht vorhanden sind. Die Konfigurationsoptionen für Builddateien sind hier beschrieben. Ein relevanter Ausschnitt:
Dateien mit den -tpls in ihrem Namen haben Bootstrap-spezifische Vorlagen, die mit Direktiven gebündelt sind. Für Leute die möchte alle Anweisungen nehmen und muss nichts anpassen Die Lösung ist eine Datei mit dem Namen zu greifen ui-bootstrap-tpls- [Version] .min.js. Wenn, auf der anderen Seite Standard Vorlagen sind nicht das, was du brauchst ui-bootstrap- [version] .min.js und stellen Sie Ihre eigenen Vorlagen zur Verfügung ...
Im Plunkr verwenden Sie ui-bootstrap-0.7.0.js, nicht ui-bootstrap-tpls-0.7.0.js. Ersteres ist nicht mit den Templates gebündelt, hat aber immer noch Verweise darauf, die unter den templatUrls der Direktiven festgeschrieben sind, zum Beispiel:
%Vor%Bearbeiten, einschließlich @ inolascus Antwort:
Wenn Sie ui-bootstrap-tpls.js verwenden und dieses Problem weiterhin besteht, müssen Sie möglicherweise
hinzufügen %Vor%zu Ihrem Modul.
Hinzufügen zu der akzeptierten Antwort, die mich dazu brachte, ein ähnliches Problem zu lösen. Wenn Sie ui-bootstrap-tpls.js verwenden und dieses Problem weiterhin besteht, müssen Sie möglicherweise
hinzufügen'ui.bootstrap.tpls'
zu Ihrem Modul. Das hat für mich funktioniert.
Tags und Links javascript angularjs angular-ui angular-ui-bootstrap