Looking for angular-ui-bootstrap Keywords? Try Ask4Keywords

angular-ui-bootstrapEmpezando con angular-ui-bootstrap


Observaciones

Esta sección proporciona una descripción general de qué es angular-ui-bootstrap, y por qué un desarrollador puede querer usarlo.

También debe mencionar cualquier tema grande dentro de angular-ui-bootstrap, y vincular a los temas relacionados. Dado que la Documentación para angular-ui-bootstrap es nueva, es posible que deba crear versiones iniciales de esos temas relacionados.

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 descargarán se encuentra en este enlace.

Incluir todas las referencias en este orden.

  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 de 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 trabajar con angular-ui-bootstrap.

Errores comunes:

  1. [$ inyector: modulerr]

    Solución:

  • 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.

    Solución:

  • Asegúrese de que las configuraciones obligatorias para las directivas correspondientes estén disponibles en su Controlador.