ajax angular点击事件_angular2手动点击特定元素上的点击事件

Angular4

代替

this.renderer.invokeElementMethod(

this.fileInput.nativeElement, 'dispatchEvent', [event]);

使用

this.fileInput.nativeElement.dispatchEvent(event);

因为invokeElementMethod不再是渲染器的一部分.

Angular2

使用 ViewChild

与模板变量来获取对文件输入的引用,然后使用 Renderer

调用dispatchEvent来触发事件：

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

@Component({

...

template: `

...

...`

})

class MyComponent {

@ViewChild('fileInput') fileInput:ElementRef;

constructor(private renderer:Renderer) {}

showImageBrowseDlg() {

// from http://stackoverflow.com/a/32010791/217408

let event = new MouseEvent('click', {bubbles: true});

this.renderer.invokeElementMethod(

this.fileInput.nativeElement, 'dispatchEvent', [event]);

}

}

更新

由于Angular团队不再劝阻直接的DOM访问,所以也可以使用更简单的代码

this.fileInput.nativeElement.click()