如何从Angular TS文件传递$Events对象

发布于04月23日

我有下面的代码，用于展开或折叠元素

<div class="accordion" (click)="toggleAccordian($event, i)">

clickMenu(event: any, index: any) {
    var element = event.target;

    let elements = this.divElements.nativeElement.querySelectorAll('.sub');

    for (var i = 0; i < elements.length; i++) {
      elements[i].classList.remove('subactive');
    }

  }

现在我想从ngInIt事件中调用click菜单.如何通过$Events

推荐答案

您需要模拟元素目标，像这样使用ViewChild，需要静态true，以便在ngOnInit hook本身期间可以使用视图子选项！

HTML

<div class="accordion" (click)="toggleAccordian($event, i)" #accordion>

@ViewChild('accordion', { static: true }) accordion!: ElementRef<any>;
...

ngOnInit() {
    this.clickMenu({target: accordion?.nativeElement} as any, 0);
}
...

...
clickMenu(event: any, index: any) {
    var element = event.target;

    let elements = this.divElements.nativeElement.querySelectorAll('.sub');

    for (var i = 0; i < elements.length; i++) {
      elements[i].classList.remove('subactive');
    }

}
...