javascript - AngularJS:如何默认显示元素并在按下按钮时切换它

Question

我需要切换一个最初需要可见的元素。在我的例子中，切换工作正常，但元素(menu 类)最初是隐藏的......

JSFIDDLE

这是我的代码:

<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>
  </div>
</div>

Answer 1

如果没有初始化，collapsed的默认值为false。您可以在 Controller 或指令中初始化 scope.collapsed = true 而不是使用 ng-init 因为 ng-init is costly 。