Premiers pas avec angular-ui-bootstrap

Installation ou configuration

Le site officiel d’angular-ui-bootstrap est [ici][1].

Suivez les instructions ci-dessous dans l’ordre. La liste des fichiers à télécharger se trouve dans ce [lien][2]

Inclure toutes les références dans cette commande.

  1. angulaire.js
  2. angular-animate.js
  3. ui-bootstrap-tpls-2.2.0.js (Référence à UI Bootstrap )
  4. angular-sanitize.js

Noter:

  • Il est important que tous les scripts ci-dessus soient référencés et exécutés dans l’ordre indiqué ci-dessus.

Voici quelques LIENS CDN pour référencer ces fichiers

//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

Injectez la dépendance pour ui-bootstrap dans votre module comme

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

Votre module est configuré pour fonctionner avec angular-ui-bootstrap.

Erreurs courantes:

  1. [$injecteur:modulerr]

    Solution:

  • Assurez-vous que les fichiers de script sont inclus
  • Pour les références CDN, vous devez inclure le // avant le lien qui utilise http ou https pour inclure ces scripts.
  1. Le composant ne s’affiche pas ou le comportement n’est pas celui attendu.

    Solution:

  • Assurez-vous que les paramètres obligatoires pour les directives correspondantes sont disponibles dans votre Controller.

[1] : https://angular-ui.github.io/bootstrap/ [2] : https://github.com/angular-ui/bootstrap/tree/gh-pages