Primeros pasos con angular-ui-bootstrap

Instalación o configuración

El sitio oficial de angular-ui-bootstrap está aquí.

Siga las instrucciones a continuación en orden. La lista de archivos que se van a descargar está en este enlace

Incluya todas las referencias en este pedido.

  1. angular.js
  2. angular-animate.js
  3. ui-bootstrap-tpls-2.2.0.js (Referencia a UI Bootstrap)
  4. angular-sanitize.js

Nota:

  • Es importante que se haga referencia a todos los scripts anteriores y se haga en el orden que se muestra arriba.

Aquí hay algunos ENLACES CDN para hacer referencia a estos archivos

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

Inyecte la dependencia para ui-bootstrap en su módulo como

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

Su módulo está configurado para funcionar con angular-ui-bootstrap.

Errores comunes:

  1. [$inyector:moduladorr]

    Solution:

  • Asegúrese de que los archivos de script estén incluidos
  • Para las referencias de CDN, debe incluir // antes del enlace que usa http o https para incluir esos scripts.
  1. El componente no se mostrará o el comportamiento no es el esperado.

    Solution:

  • Asegurarse de que los ajustes obligatorios para las directivas correspondientes están disponibles en su Controlador.