angular-ui-bootstrapAan de slag met angular-ui-bootstrap


Opmerkingen

Deze sectie biedt een overzicht van wat angular-ui-bootstrap is en waarom een ontwikkelaar het misschien wil gebruiken.

Er moeten ook grote onderwerpen in angular-ui-bootstrap worden vermeld en naar de gerelateerde onderwerpen worden gelinkt. Aangezien de documentatie voor angular-ui-bootstrap nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Installatie of instellingen

De officiële site van angular-ui-bootstrap is hier .

Volg de onderstaande instructies op volgorde. De lijst met te downloaden bestanden staat in deze link

Neem alle referenties in deze volgorde op.

  1. angularjs
  2. hoekige animate.js
  3. ui-bootstrap-tpls-2.2.0.js (verwijzing naar UI Bootstrap)
  4. hoekige sanitize.js

Notitie:

  • Het is belangrijk dat naar alle bovenstaande scripts wordt verwezen en dit in de bovenstaande volgorde wordt gedaan.

Hier zijn een paar CDN LINKS om naar deze bestanden te verwijzen

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

Injecteer de afhankelijkheid voor ui-bootstrap in uw module als

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

Uw module is ingesteld om te werken met angular-ui-bootstrap.

Veel voorkomende fouten:

  1. [$ injector: modulerr]

    Oplossing:

  • Zorg ervoor dat scriptbestanden zijn opgenomen
  • Voor CDN-verwijzingen moet u // voor de koppeling opnemen die http of https gebruikt om die scripts op te nemen.
  1. Onderdeel wordt niet weergegeven of gedrag is niet zoals verwacht.

    Oplossing:

  • Zorg ervoor dat de verplichte instellingen voor de overeenkomstige richtlijnen beschikbaar zijn in uw controller.