AngularJS: Как скрыть меню при нажатии кнопки

Question

У меня есть кнопка, которая используется для переключения меню, но в этом меню также должна быть кнопка внутри, используемая для ее сглаживания.

Я действительно надеюсь, что это простой вопрос, чтобы решить, потому что у меня нет опыта работы с AngularJS ...

Вот мой код:

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. Я надеюсь, что это было полезно.

Answer 3

Просто добавьте эту строку

ng-click="collapsed=!collapsed"

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