您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

响应式下拉导航栏,带有angular-ui引导程序(以正确的角度方式完成)

响应式下拉导航栏,带有angular-ui引导程序(以正确的角度方式完成)

您可以使用“折叠”指令进行此操作:http ://jsfiddle.net/iscrow/Es4L3/ (选中HTML中的两个“注释”)。

        <!-- Note: set the initial collapsed state and change it when clicking -->
        <a ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed" class="btn btn-navbar">
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
        </a>
        <a class="brand" href="#">Title</a>
           <!-- Note: use "collapse" here. The original "data-" settings are not needed anymore. -->
           <div collapse="navCollapsed" class="nav-collapse collapse navbar-responsive-collapse">
              <ul class="nav">

也就是说,您需要将折叠状态存储在变量中,并且还可以通过(简单地)更改该变量的值来更改折叠状态。

https://github.com/angular-ui/bootstrap/wiki/Migration-guide-for- prefixes

更改collapseuib-collapse

其他 2022/1/1 18:14:26 有567人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶