angularjs和bootstrap有点新。
我正在尝试添加一个简单的下拉菜单。但这是行不通的。
尝试了@ Bootstrap3简单下拉菜单的建议。那也行不通。
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" ui-sref="a">a<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a ui-sref="a">a</a></li> <li><a ui-sref="b">b</a></li> <li><a ui-sref="c">c</a></li> <li><a ui-sref="d">d</a></li> <li><a ui-sref="e">e</a></li> <li><a ui-sref="f">f</a></li> <li><a ui-sref="g">g</a></li> <li><a ui-sref="h">h</a></li> <li><a ui-sref="i">i</a></li> <li><a ui-sref="j">j</a></li> <li><a ui-sref="k">k</a></li> </ul> </li>
完整代码@ http://plnkr.co/edit/uFDFOJfHjL5qY9nVEykq?p=preview
希望有人能帮助我。
您需要ui.bootstrap在应用程序中包含模块。
ui.bootstrap
var app = angular.module('App', ['ui.router','ui.bootstrap']);
并ui-sref从下拉触发器中删除。
ui-sref
<a class="dropdown-toggle" data-toggle="dropdown" >a<span class="caret"></span></a>
普伦克