2015-01-07 9 views
19

Coś wydaje się być zepsute w wersji 0.12.0 z ui-bootstrap. Oto moja plunkr który pokazuje WYDANIEUpuść upuść ui-bootstrap wydaje się nie działać z wersją 0.12.0

to działa z wersją 0.11.0

http://plnkr.co/edit/9XJx2c2X7lRSc6V1n5BO?p=preview

Dzięki tej plunkr jeśli zastąpić następującą linię

<script data-require="[email protected]*" data-semver="0.11.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.min.js"></script> 

Z

<script data-require="[email protected]*" data-semver="0.12.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script> 

następnie rozwijanie przestaje działać (gdy klikniesz ick). Nie jestem pewien, czy jest to regresja, czy nie, ale wszelkie obejścia byłyby naprawdę pomocne. 0.12.0 zawiera kilka poprawek, które są dla mnie ważne i dlatego muszę je zaktualizować.

Każda pomoc jest doceniana.

Odpowiedz

41

Przeszedłem przez ten sam problem wcześniej, dowiedziałem się od źródła, że ​​dyrektywy nie są już ograniczone do klasy C. Możesz podać je jako atrybuty. Ponieważ plik bootstrap.css definiuje również reguły listy rozwijanej z nazwami klas: dropdown, dropdown-toggle, dropdown-menu, a dyrektywy były również używane do ograniczania klasy, które działały z samą specyfikacją nazw klas w wersji 0.11.0. Wydaje się, że zostało to zmienione w wersji 0.12.0, a dyrektywy nie są już objęte ograniczeniami (zamiast tego są zgodne z domyślną regułą ograniczającą dyrektywę kątową, tj. EA ograniczoną dla wersji 1.3 i A dla wersji 1.2), jednak reguły css pozostają takie same, dlatego używaj obu.

try:

<span class="dropdown" dropdown> 
    <a href="" class="dropdown-toggle" dropdown-toggle> 
     Click 
    </a> 
    <ul class="dropdown-menu" dropdown-menu> 
     <li> 
     <a ng-click="action1()">Action1</a> 
     </li> 
     <li> 
     <a ng-click="action2()">Action2</a> 
     </li> 
     <li> 
     <a ng-click="action3()">Action3</a> 
     </li> 
     <li> 
     <a ng-click="action4()">Action4</a> 
     </li> 
     <li> 
     <a ng-click="action5()">Action5</a> 
     </li> 
    </ul> 

Plnkr

+2

niesamowite. Dziękuję Ci bardzo. – user2789284

+0

@ user2789284 Serdecznie zapraszamy .. :) – PSL

+1

Dzięki, @ user2789284! W przypadku innych czytelników dziennik zmian oficjalnego repozytorium https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md jest nieco niejasny, podając jako przykład tylko listę rozwijaną. Ale musisz również zmienić dyrektywę dropdown. –

Powiązane problemy