如何触发事件点击类似于$（''）.trigger（'click'）在div中按角度5中的函数执行？

Question

child2.component.html

<div class="child2">child2</div>

app.component.html

<app-child2></app-child2>  // child2.component
    <div class="app">app</div>
    <div (click)="open()">button</div>

app.component.ts

open(){
    $('.child2').trigger('click');
    $('.app').trigger('click');
  }

我想使用：-

触发

let element: HTMLElement = document.querySelector('.child2')as HTMLElement;
  element.click();

 let element2: HTMLElement = document.querySelector('.app') as HTMLElement;
  element2.click();

Answer 1

1-在div上添加标识符

<div class="child2" #child2>child2</div>

2-在您的组件中，使用@ViewChild装饰器获取HTMLElement

import { ViewChild } from '@angular/core';

export class MyChildComponent {

    @ViewChild("child2") myChild2;

public externalClick(){
    this.myChild2.nativeElement.click();
}

3-在您的AppComponent中

@ViewChild(MyChildComponent) myChildComp : MyChildComponent;

open(){
 this.myChildComp.externalClick();
}