Question

http://plnkr.co/edit/vmKoBHEKq0wP3du7gtps?p=preview

我想在点击时为hide子菜单编写指令，但它无法正常工作。

悬停点击菜单，显示子菜单但点击子菜单我无法管理隐藏所有子菜单

Answer 1

我不确定你是否真的需要这样做的指令。如果不这样做，您可以使用“ng-hide”和“ng-click”指令来实现此功能。

在要隐藏的元素中，将ng-hide="hideSubmenu"放在要隐藏它的元素中，添加ng-click="hideSubmenu = true"。

在您的代码中：

  <body ng-controller="MainCtrl">
      <p>Hello name {{name}}!</p>
      <div>
          <div class="col-md-1" style="padding-left: 00px;padding-right: 350px">
              <div class="cssmenu" ng-hide="hideSubmenu">
               ...
               <li><a href="#/" ng-click="hideSubmenu = true;">Type</a></li>
               <li><a href="#/" ng-click="hideSubmenu = true;">Request</a></li>
               ...
              </div>
          </div>
      </div>
  </body>

如何在点击事件中隐藏子菜单

1 个答案: