如何在使用Renderer2创建的元素上设置指令和属性绑定

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

@Component({
  selector: 'app-example',
  template: '<div></div>',
})
export class ExampleComponent {
  constructor(private renderer: Renderer2) { }

  createAndSetDirectiveAndProperty() {
    const element = this.renderer.createElement('div');
    this.renderer.setAttribute(element, 'directiveName', 'directiveValue');
    this.renderer.setProperty(element, 'propertyName', 'propertyValue');
  }
}