ui-bootstrap Dropdown scheint mit Version 0.12.0 nicht zu funktionieren

Question

Etwas scheint mit der Version 0.12.0 von UI-Bootstrap gebrochen worden zu sein. Hier ist meine plunkr, dass das Problem zeigt

Dies funktioniert mit Version 0.11.0

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

Mit diesem plunkr, wenn Sie die folgende Zeile ersetzen

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

MIT

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

dann hört das Dropdown auf zu arbeiten (wenn Sie cl ick). Ich bin mir nicht sicher, ob dies eine Regression ist oder nicht, aber jede Umgehungslösung wäre wirklich hilfreich. 0.12.0 hat eine Reihe von Fixes, die wichtig für mich sind und daher muss ich upgraden.

Jede Hilfe wird geschätzt.

Answer 1

Ich hatte das gleiche Problem schon einmal durchlaufen, aus der Quelle herausgefunden, dass die Direktiven nicht mehr C eingeschränkt sind. Sie können sie als Attribute bereitstellen. Da die bootstrap.css auch die Regeln für das Dropdown mit den Klassennamen dropdown, dropdown-toggle, dropdown-menu und den Direktiven, die auch klasseneingeschränkt waren, definierte, arbeitete sie nur mit der Spezifikation von Klassennamen in 0.11.0. Aber das scheint mit 0.12.0 geändert worden zu sein und die Direktiven sind nicht mehr C eingeschränkt (stattdessen folgen sie der Standard-Direktiven-Beschränkungsregel der Winkel-Direktive, dh EA für 1.3 und A für 1.2-Versionen), aber css-Regeln bleiben gleich, daher beide verwenden.

Versuch:

<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