2016-04-10 7 views
0

Ich arbeite mit Angularjs und Angular-Strap und ich kopiere Angular-Strap-Code-Sample für DropDown.warum eckig-band dropdown nicht funktioniert?

Inlined Geschwister Dropdown

konfiguriere ich alles richtig, aber wenn ich auf die Schaltfläche klicken auf einen leeren Bereich erweitert. und neue UL-Seite hinzufügen und vorhandene UL ist unsichtbar. Ich versuche einen Plünderer zu erstellen, konnte aber keine Angular-Starp-Bibliothek hinzufügen.

<!DOCTYPE html> 
 
<html id="test" lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>{{mainTitle}}</title> 
 
    <link rel="stylesheet" href="../style/bootstrap-RTL/css/bootstrap.min.css"> 
 
    <link rel="stylesheet" href="css/style.css"> 
 
    <link rel="stylesheet" href="../style/motion/angular-motion.min.css"> 
 
</head> 
 
<body ng-app = "taxeeApp"> 
 
<!--a ui-sref="login">Login</a> 
 
<a ui-sref="main">Main</a--> 
 
<div ui-view></div> 
 
<button type="button" class="btn btn-lg btn-primary" data-animation="am-flip-x" bs-dropdown aria-haspopup="true" aria-expanded="false">Click to toggle dropdown 
 
    <br> 
 
    <small>(using inlined sibling template)</small> 
 
</button> 
 
<ul class="dropdown-menu" role="menu"> 
 
    <li><a href="#anotherAction"><i class="fa fa-download"></i>&nbsp;Some action</a></li> 
 
    <li><a ng-click="$alert('Holy guacamole')"><i class="fa fa-globe"></i>&nbsp;Display an alert</a></li> 
 
    <li ng-repeat="i in ['Foo', 'Bar', 'Baz']"><a ng-href="#action{{i}}"><i class="fa fa-chevron-right"></i>&nbsp;{{i}}</a></li> 
 
</ul> 
 
</body> 
 
</html> 
 
<script type="text/javascript" src="../script/jquery.min.js"></script> 
 
<script type="text/javascript" src="../script/angular/angular.min.js"></script> 
 
<script type="text/javascript" src="../script/angular-strap/dist/angular-strap.min.js"> </script> 
 
<script type="text/javascript" src="../script/angular-strap/dist/angular-strap.tpl.min.js"></script> 
 
<script type="text/javascript" src="../script/angular/angular-ui-router.min.js"></script> 
 
<script type="text/javascript" > 
 
    angular.module("taxeeApp", ['ui.router','mgcrea.ngStrap.dropdown']) ; 
 
</script>

I v Winkel bin mit (1.4.5) und Bootstrap-v (3) und Winkelbügel V (2.3.3).

+0

Können Sie Ihren Code veröffentlichen? – MadeInDreams

+0

Ich füge meinen Code hinzu .... –

+0

Ihre Dropdown-Menü-Klasse stammt vom Bootstrap? – MadeInDreams

Antwort

0

Ich fand schließlich Grund dieses Problems. Ich ändere meine Angular-Strap-Version zu v (2.3.6) und alle Problem gelöst .......

Verwandte Themen