如何激活dom元素中的click事件（Angular 2）

Question

我需要在加载时加载一个组件

<app-main id="tasks" [(ngModel)]="tasks"></app-main>

来自js的电话

public tasks;
ngOnInit() {
    this.tasks.click();
}

我尝试过document.getElementById（“tasks”）。click（）和ngAfterViewInit（）

Answer 1

要单击该元素，您可以执行以下操作：

  

将您的HTML更改为以下内容：

<app-main id="tasks" #tasks></app-main>

  

...然后在你的组件类中：

import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
//...
@ViewChild('tasks') tasks:ElementRef;

ngAfterViewInit () {
    // Fire the click event of tasks
    this.tasks.nativeElement.click();
}