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>

Answer 2

要切换隐藏菜单或切换，请将其添加到菜单按钮。

<button class="hide-menu"   ng-click="collapsed=!collapsed">
    Close menu
  </button>

THANKYOU。我希望这是HelpFul。

Answer 3

只需添加此行

即可

ng-click="collapsed=!collapsed"

<button class="hide-menu"  ng-click="collapsed=!collapsed">
    Close menu
  </button>

AngularJS：按下按钮时如何隐藏菜单

3 个答案: