angular-ui-bootstrapDémarrer avec angular-ui-bootstrap


Remarques

Cette section fournit une vue d'ensemble de ce qu'est un angular-ui-bootstrap et pourquoi un développeur peut vouloir l'utiliser.

Il convient également de mentionner tous les grands sujets de l'angular-ui-bootstrap et d'établir un lien avec les sujets connexes. Comme la documentation pour angular-ui-bootstrap est nouvelle, vous devrez peut-être créer des versions initiales de ces rubriques connexes.

Installation ou configuration

Le site officiel de angular-ui-bootstrap est ici .

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

Inclure toutes les références dans cet ordre.

  1. angular.js
  2. angular-animate.js
  3. ui-bootstrap-tpls-2.2.0.js (Référence à l'interface utilisateur Bootstrap)
  4. angular-sanitize.js

Remarque:

  • 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 l'interface utilisateur dans votre module en tant que

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

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

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. Composant ne sera pas affiché ou le comportement n'est pas comme prévu.

    Solution:

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