angular-ui-bootstrapKomma igång med vinkel-ui-bootstrap


Anmärkningar

Det här avsnittet ger en översikt över vad vinkel-ui-bootstrap är och varför en utvecklare kanske vill använda den.

Det bör också nämna alla stora ämnen inom vinkel-ui-bootstrap och länka till relaterade ämnen. Eftersom dokumentationen för angular-ui-bootstrap är ny kan du behöva skapa initialversioner av relaterade ämnen.

Installation eller installation

Den officiella sajten för angular-ui-bootstrap är här .

Följ instruktionerna nedan i ordning. Listan över filer som ska laddas ner finns i den här länken

Inkludera alla referenser i denna ordning.

  1. angular.js
  2. vinkel-animate.js
  3. ui-bootstrap-tpls-2.2.0.js (Hänvisning till UI Bootstrap)
  4. vinkel-sanitize.js

Notera:

  • Det är viktigt att alla ovanstående skript hänvisas till och görs i den ordning som visas ovan.

Här är några CDN-LÄNKAR som referens till dessa filer

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

Injicera beroendet för ui-bootstrap i din modul som

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

Din modul är inställd för att fungera med vinkel-ui-bootstrap.

Vanliga fel:

  1. [$ injektor: modulerr]

    Lösning:

  • Se till att skriptfiler inkluderas
  • För CDN-referenser måste du inkludera // före länken som använder antingen http eller https för att inkludera dessa skript.
  1. Komponenten visas inte eller beteendet är inte som förväntat.

    Lösning:

  • Se till att de obligatoriska inställningarna för motsvarande direktiv är tillgängliga i din controller.