使用ElementRef在angular中实现折叠

import { Component, ElementRef } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  constructor(private elementRef: ElementRef) { }
}

<button (click)="toggleCollapse()">Toggle Collapse</button>
<div #collapseElement>
  <!-- Content to be collapsed -->
</div>

toggleCollapse() {
  const element = this.elementRef.nativeElement.querySelector('#collapseElement');
  element.style.display = (element.style.display === 'none') ? 'block' : 'none';
}