angular-ui-bootstrapErste Schritte mit eckigen Ui-Bootstrap


Bemerkungen

In diesem Abschnitt erhalten Sie einen Überblick über die Eigenschaften von angle-ui-bootstrap und warum ein Entwickler sie verwenden möchte.

Es sollte auch alle großen Themen innerhalb von angle-ui-bootstrap erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für angle-ui-bootstrap neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.

Installation oder Setup

Die offizielle Site von angle-ui-bootstrap ist hier .

Folgen Sie den Anweisungen unten. Die Liste der Dateien, die heruntergeladen werden sollen, befindet sich in diesem Link

Fügen Sie alle Referenzen in dieser Reihenfolge hinzu.

  1. eckig.js
  2. winkelanimation.js
  3. ui-bootstrap-tpls-2.2.0.js (Referenz zu UI-Bootstrap)
  4. eckig-sanitize.js

Hinweis:

  • Es ist wichtig, dass alle oben genannten Skripts in der oben angegebenen Reihenfolge referenziert werden.

Hier sind ein paar CDN-Links, um auf diese Dateien zu verweisen

//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js
//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js
//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-sanitize.js
//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.2.0.js
 

Fügen Sie die Abhängigkeit für ui-bootstrap in Ihr Modul als ein

angular.module('myApp', ['ui.bootstrap']);
 

Ihr Modul ist so eingerichtet, dass es mit angle-ui-bootstrap funktioniert.

Häufige Fehler:

  1. [$ injektor: modulerr]

    Lösung:

  • Stellen Sie sicher, dass Skriptdateien enthalten sind
  • Für CDN-Referenzen müssen Sie das // vor dem Link einfügen, der entweder http oder https verwendet, um diese Skripts einzuschließen.
  1. Komponente wird nicht angezeigt oder das Verhalten ist nicht wie erwartet.

    Lösung:

  • Stellen Sie sicher, dass die obligatorischen Einstellungen für die entsprechenden Direktiven in Ihrem Controller verfügbar sind.