Question

我是角度新手，我一直在我的应用程序中使用angular-sidebarjs。我在下面给出了侧栏指令的代码。

在我的模板中：

<sidebarjs>
  <div class="sidebar-head">Find User</div> 
  <nav>
    <ul class="sidebar-menu">
      <li ng-repeat="radius in radius">
         <a href="#" ng-click="listMenus()" ui-sref="users({radius_id: radius_id})" ui-sref-opts="{reload: true}">radius.name</a>
      </li>
     </ul>
   </nav>
 </sidebarjs>

在我的家里.js：

var home = angular.module('wm.home',[uiRouter,'ngSidebarJS'])

当我点击列表中的某个选项时，侧边栏不会关闭，所需的页面会加载。只有当我点击切换按钮或侧边栏外部时，侧边栏才会关闭。

如何关闭列表中任何选项的边栏？

Answer 1

您应该将属性sidebarjs-toggle添加到您的选项中，如下所示：

<sidebarjs>
  <div class="sidebar-head">Find User</div> 
  <nav>
    <ul class="sidebar-menu">
      <li ng-repeat="radius in radius">
         <a sidebarjs-toggle href="#" ng-click="listMenus()" ui-sref="users({radius_id: radius_id})" ui-sref-opts="{reload: true}">radius.name</a>
      </li>
     </ul>
   </nav>
 </sidebarjs>

此外，我认为您应删除href="#"，因为您已使用ui-sref进行路由。

angular-sidebarjs - 侧边栏未关闭按钮单击angularjs

1 个答案: