Dropdown menu not working in Angular-UI-Bootstrap? Using Bootstrap-3 CSS
The following is the code. The link Click me for a dropdown shows up. But does not toggle on click. What is wrong?
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script>function DropdownCtrl($scope) {
$scope.items = [
"The first choice!",
"And another choice for you.",
"but wait! A third!"
];
}
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script><script type="text/javascript" src="js/ui-bootstrap-tpls-0.5.0.min.js"></script><script type="text/javascript" src="js/dropdownToggle.js"></script>
</head>
<body>
<li ng-controller="DropdownCtrl" class="dropdown">
<a href='#' class="dropdown-toggle"> Click me for a dropdown </a>
<ul class="dropdown-menu">
<li ng-repeat="choice in items"><a>{{choice}}</a>
</li>
</ul>
</li>
</body>
</html>
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
