如何在Angular 4中的指令元素之后创建元素

constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) { }

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyComponent);
const componentRef = this.viewContainerRef.createComponent(componentFactory);

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

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

...

const newElement = this.renderer.createElement('div');
this.renderer.appendChild(this.el.nativeElement.parentNode, newElement);