如何从使用 BrowserDomAdapter 创建的元素中引发事件？

Question

我正在使用 BrowserDomAdapter 创建元素并将它们附加到视图中。我想在单击新创建的元素时引发事件。但我没有成功。我创建了一个 plunker 演示，以便有人可以帮助我http://plnkr.co/edit/VGHEPBs8oZW7HG6Ze21z?p=preview。

add(){
   var a=this.dom.createElement('button');
   this.dom.setInnerHTML(a,'clickme');
   this.dom.appendChild(this.dom.query("my-app"),a);
   a.createMouseEvent('onclick');
   a.createEvent(raiseevent);
   a.onclick=raiseevent;
 }

这就是我添加元素和创建事件的方式。这是我想要在单击元素时运行的事件

raiseevent(){
   alert('hi');
 }

我想知道我在哪里做错了。请有人以正确的方式指导我

Answer 1

您可以使用BrowserDomAdapter 的on 方法来设置监听器。在引用类的方法和属性时，请务必使用this。

export class AppComponent {
  dom:BrowserDomAdapter;
  constructor() { 
    this.dom = new BrowserDomAdapter();
  }
  add(){
    var a=this.dom.createElement('button');
    this.dom.on(a, 'click', this.raiseevent);
    this.dom.setInnerHTML(a,'clickme');
    this.dom.appendChild(this.dom.query("my-app"),a);
  }
  raiseevent(){
    alert('hi');
  }
}