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.
- angular.js
- angular-animate.js
- ui-bootstrap-tpls-2.2.0.js (Odniesienie do Bootstrap interfejsu użytkownika)
- 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:
[$ 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.
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.
