angular-sidebarjs - 在 angularjs 中点击按钮时侧边栏不关闭

Question

我是 angular 的新手，我一直在我的应用程序中使用 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>

在我的 home.js:

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

当我点击列表中的一个选项时，边栏没有关闭，所需的页面加载滞后。侧边栏仅在我单击切换按钮或侧边栏外时关闭。

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

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 中点击按钮时侧边栏不关闭

angular-sidebarjs - sidebar not closing on button click in angularjs

angularjs

angularjs-directive