angular-ui-bootstrapIniziare con angular-ui-bootstrap


Osservazioni

Questa sezione fornisce una panoramica di cosa è angular-ui-bootstrap e perché uno sviluppatore potrebbe volerlo utilizzare.

Dovrebbe anche menzionare qualsiasi argomento di grandi dimensioni all'interno di angular-ui-bootstrap e collegarsi agli argomenti correlati. Poiché la documentazione di angular-ui-bootstrap è nuova, potrebbe essere necessario creare versioni iniziali di tali argomenti correlati.

Installazione o configurazione

Il sito ufficiale di angular-ui-bootstrap è qui .

Segui le istruzioni sottostanti in ordine. L'elenco dei file che devono essere scaricati è in questo collegamento

Includere tutti i riferimenti in questo ordine.

  1. angular.js
  2. angolare animate.js
  3. ui-bootstrap-tpls-2.2.0.js (riferimento al bootstrap dell'interfaccia utente)
  4. angolari-sanitize.js

Nota:

  • È importante che tutti gli script di cui sopra siano referenziati e fatti così nell'ordine mostrato sopra.

Ecco alcuni LINK CDN per fare riferimento a questi file

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

Inietta la dipendenza per ui-bootstrap nel tuo modulo come

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

Il tuo modulo è configurato per funzionare con angular-ui-bootstrap.

Errori comuni:

  1. [$ iniettore: modulerr]

    Soluzione:

  • Assicurarsi che i file di script siano inclusi
  • Per i riferimenti CDN, è necessario includere // prima del collegamento che utilizza http o https per includere tali script.
  1. Il componente non verrà visualizzato o il comportamento non è come previsto.

    Soluzione:

  • Assicurarsi che le impostazioni obbligatorie per le direttive corrispondenti siano disponibili nel controller.