2015-10-09 12 views
5

I`m próbuje użyć kątowa UI bootstrap:kątowa UI Bootstrap po prostu nic nie robi (nie błąd, nie pracuje)

Zrobiłem następujące:

  • zainstalować go z altany: bower install angular-bootstrap
  • umieścić go w JS: var myapp = angular.module('myApp', [ 'ui.bootstrap' ]);
  • dodać style: .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

bootstrap 3 CSS jest włączony, angular.element.fn.jquery zwraca "2.1.4", więc nie powinien używać jqlite.

Kiedy dodać np .:

<a href="#" tooltip-placement="left" uib-tooltip="On the Left!">Whatever</a> 

Do mojego szablonu, nic się nie dzieje. Kiedy dodaję inne przykłady bootstrap ui, to też nic nie robi. Nie ma błędów javascript. Moja wersja angular.js to 1.4.1.

Co jeszcze mogłem zrobić źle? Czy muszę coś zrobić ze sterownikiem?

+0

możesz zrobić [plunker] (http://plnkr.co/) swojego kodu? – Aks

+0

Niezupełnie: Jest to złożona aplikacja. Skopiowałem rzeczy związane z kątowym ui bootstrap do plunkera i zadziałało. Czy mogę coś sprawdzić lub usunąć błąd, aby zobaczyć, co dzieje się w mojej aplikacji? – user1383029

+0

Działa teraz. Rozwiązanie: Odinstaluj go za pomocą altanki i zainstaluj ponownie w altance. Dziwne. Może wiredp lub coś innego w moim środowisku ma coś nie tak. – user1383029

Odpowiedz

0

Zapewnienie pakiet altana (jeśli to, co używasz) jest

kątowe-bootstrap

i nic więcej; jest podobny, który jest zły.

Patrząc na własnym przykładzie strony jest to, aby zawierać skrypty dla kątowego i UI-bootstrap:

<head> 
<script type="text/javascript" src="lib/angular/angular.js"></script> 
<script type="text/javascript" src="lib/angular-resource/angular-resource.js"></script> 
<script type="text/javascript" src="lib/angular-route/angular-route.js"></script> 
<script type="text/javascript" src="lib/angular-touch/angular-touch.js"></script> 
<script type="text/javascript" src="lib/angular-animate/angular-animate.js"></script> 
<script type="text/javascript" src="lib/angular-bootstrap/ui-bootstrap.js"></script> 
</head> 

<!-- Bootstrap --> 
<link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> 
<link href="lib/bootswatch/yeti/bootstrap.min.css" rel="stylesheet" /> 

<!-- Custom stylesheet --> 
<link href="css/main.css" rel="stylesheet" /> 

następnie sprawdzić na JS błędów w konsoli przeglądarki internetowej (używam Chrome).

2

Upewnij się, że używasz ostatniej wersji interfejsu ui-bootstrap. Dodaję tę odpowiedź jako podręczne dla każdego, mającego ten problem:

Atrybut podpowiedzi (dyrektywa) zmienił się z tooltip w UI-bootstrap 0.13.X do uib-tooltip od wersji 0.14.0 i do góry.

Jeśli z jakiegoś powodu nie możesz używać najnowszej wersji (obecnie 1.2.x) stosowanie dyrektywy tooltip i zawsze sprawdzić dokumenty dla swojej wersji UI-bootstrap w:

ui bootstrap

+0

Próbowałem setki razy z bieżącym Doktorze .. dopóki nie znalazłem tej odpowiedzi, która uświadomiła mi, że powinienem był najpierw sprawdzić wersję. +1 kolega! –

Powiązane problemy