在Angular 6中，可以使用Renderer2来动态创建HTML元素并添加事件处理程序。以下是一个示例代码：

1. 首先，导入Renderer2和ElementRef：

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

2. 在组件的构造函数中注入Renderer2和ElementRef：

constructor(private renderer: Renderer2, private el: ElementRef) { }

3. 在ngOnInit方法中，创建一个新的button元素并添加事件处理程序：

ngOnInit() {
  const button = this.renderer.createElement('button');
  const text = this.renderer.createText('Click me');
  this.renderer.appendChild(button, text);
  this.renderer.appendChild(this.el.nativeElement, button);

  const buttonClick = this.renderer.listen(button, 'click', () => {
    alert('Button clicked!');
  });
}

在上面的代码中，我们首先使用Renderer2的createElement方法创建一个新的button元素，并使用createText方法创建文本节点。然后，我们使用appendChild方法将文本节点添加到button元素中，并使用appendChild方法将button元素添加到组件的根元素中。

接下来，我们使用Renderer2的listen方法为button元素添加一个click事件处理程序。在这个示例中，当按钮被点击时，会弹出一个警告框。

请注意，我们使用ElementRef来访问组件的根元素（在这个示例中是组件的根div元素）。这是因为Renderer2的appendChild方法需要一个已存在的父元素来添加新创建的元素。

希望这个示例能够解决你的问题！