如何使用Angular.js展开和折叠div

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  <!-- 在这里放置你的HTML代码 -->
</div>
<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    // 在这里定义控制器的逻辑和数据
  });
</script>

$scope.isExpanded = false;

<div ng-class="{'expanded': isExpanded, 'collapsed': !isExpanded}">
  <!-- 在这里放置要展开和折叠的内容 -->
</div>

.expanded {
  height: auto;
  overflow: visible;
}

.collapsed {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;  /* 可选的过渡效果 */
}