
您应该使用ui-bootstrap指令(请注意
ng-click和
collapse)替换bootstrap native js属性:
<nav role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div > <button type="button" ng-click="navbarCollapsed = !navbarCollapsed"> <span >Toggle navigation</span> <span ></span> <span ></span> <span ></span> </button> <a href="#"> <!-- your branding here --> </a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div collapse="navbarCollapsed"> <!-- your normal collapsable content here --> </div></nav>
在控制器中设置初始值:
$scope.navbarCollapsed = true;
编辑:
新版本的ui-bootstrap在所有组件前面加上前缀。相应地调整代码,例如。
collapse->
uib-collapse。