小编给大家分享一下angular2怎么手动点击特定元素上的点击事件，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
创新互联公司是专业的盱眙网站建设公司，盱眙接单;提供网站设计、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行盱眙网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
我试图在元素上编程点击点击事件(或任何其他事件)，换句话说，我想知道在angular2中由jQuery .trigger()方法提供的类似功能.
有没有内置的方法来做到这一点？ …..如果不是,请建议我该怎么做
考虑以下代码片段
Add Picture
这里当用户点击btnAdd它应该触发imgFile上的点击事件
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()
看完了这篇文章，相信你对“angular2怎么手动点击特定元素上的点击事件”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
新闻标题：angular2怎么手动点击特定元素上的点击事件
本文来源：http://cdxtjz.cn/article/pdjhhj.html
