在Angular 6中，可以使用Renderer2来操作DOM元素。当动态创建的DOM元素还未被创建时，可以使用Renderer2提供的方法来解决这个问题。

以下是一个使用Renderer2来操作SELECT选项的示例代码：

component.ts文件：

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

@Component({
  selector: 'app-component',
  template: `
    
      Option 1
      Option 2
      Option 3
    
    Add Option
  `
})
export class AppComponent implements AfterViewInit {
  @ViewChild('mySelect') selectElement: ElementRef;

  constructor(private renderer: Renderer2) {}

  ngAfterViewInit() {
    const select = this.selectElement.nativeElement;
    this.renderer.listen(select, 'change', (event) => {
      console.log('Selected option:', event.target.value);
    });
  }

  addOption() {
    const option = this.renderer.createElement('option');
    const text = this.renderer.createText('Option 4');
    this.renderer.appendChild(option, text);
    this.renderer.setAttribute(option, 'value', '4');
    this.renderer.appendChild(this.selectElement.nativeElement, option);
  }
}

在上面的代码中，首先使用ViewChild获取到SELECT元素的引用。然后在ngAfterViewInit方法中，使用Renderer2的listen方法来监听SELECT元素的change事件，并打印选中的选项的值。

在addOption方法中，使用Renderer2的createElement、createText和appendChild方法来创建并添加一个新的选项到SELECT元素中。

这样，无论动态创建的DOM元素是否已经被创建，都可以使用Renderer2来操作SELECT选项。让我们看一下运行的示例：