Looking for angular-ui-bootstrap Answers? Try Ask4KnowledgeBase
Looking for angular-ui-bootstrap Keywords? Try Ask4Keywords

angular-ui-bootstrapRozpoczęcie pracy z angular-ui-bootstrap


Uwagi

Ta sekcja zawiera przegląd tego, czym jest bootularowy interfejs użytkownika i dlaczego deweloper może chcieć go użyć.

Powinien również wymieniać wszelkie duże tematy w ramach angular-ui-bootstrap i link do powiązanych tematów. Ponieważ Dokumentacja dla angular-ui-bootstrap jest nowa, może być konieczne utworzenie początkowych wersji tych pokrewnych tematów.

Instalacja lub konfiguracja

Oficjalna strona angular-ui-bootstrap jest tutaj .

Postępuj zgodnie z poniższymi instrukcjami w kolejności. Lista plików do pobrania znajduje się w tym linku

Uwzględnij wszystkie odniesienia w tej kolejności.

  1. angular.js
  2. angular-animate.js
  3. ui-bootstrap-tpls-2.2.0.js (Odniesienie do Bootstrap interfejsu użytkownika)
  4. angular-sanitize.js

Uwaga:

  • Ważne jest, aby wszystkie powyższe skrypty były przywoływane i wykonywane w powyższej kolejności.

Oto kilka LINKÓW CDN do odniesienia do tych plików

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

Wstaw zależność dla ui-bootstrap do swojego modułu jako

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

Twój moduł jest skonfigurowany do pracy z angular-ui-bootstrap.

Powszechne błędy:

  1. [$ injector: modulerr]

    Rozwiązanie:

  • Upewnij się, że pliki skryptów są uwzględnione
  • W przypadku odniesień CDN należy dołączyć // przed linkiem, który używa http lub https w celu włączenia tych skryptów.
  1. Komponent nie zostanie wyświetlony lub zachowanie nie będzie zgodne z oczekiwaniami.

    Rozwiązanie:

  • Upewnij się, że obowiązkowe ustawienia odpowiednich dyrektyw są dostępne w kontrolerze.