AngularJS:如何在按下按钮时隐藏菜单

Question

我有一个用于切换菜单的按钮，但该菜单内部还应该有一个用于隐藏它的按钮。

我真的希望这是一个容易解决的问题，因为我没有使用 AngularJS 的经验...

这是我的代码:

<a href="#" class="toggle-menu" ng-model="collapsed" ng-click="collapsed=!collapsed">Click to toggle menu</a>
<div class="menu" ng-show="collapsed">
  <ol>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
  </ol>
  <button class="hide-menu">
    Close menu
  </button>
</div>

Answer 1

是的，给按钮添加点击事件很容易ng-click="collapsed=!collapsed"

最后的代码是

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <a href="#" class="toggle-menu" ng-click="collapsed=!collapsed">Click to toggle menu</a>
<div class="menu" ng-show="collapsed">
  <ol>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
  </ol>
  <button class="hide-menu" ng-click="collapsed=!collapsed">
    Close menu
  </button>
</div>
</div>