¿Hay alguna manera de insertar dinámicamente un componente comoniño (no un hermano) de una etiqueta DOM en Angular 2?

Hay muchos ejemplos por ahí para insertar un componente dinámico como hermano de un determinadoViewContainerRefetiqueta de, como (a partir de RC3):

@Component({
  selector: '...',
  template: '<div #placeholder></div>'
})
export class SomeComponent {
  @ViewChild('placeholder', {read: ViewContainerRef}) placeholder;

  constructor(private componentResolver: ComponentResolver) {}

  ngAfterViewInit() {
    this.componentResolver.resolveComponent(MyDynamicComponent).then((factory) => {
        this.componentRef = this.placeholder.createComponent(factory);
    });
  }
}

Pero esto genera un DOM similar a:

<div></div>
<my-dynamic-component></my-dynamic-component>

Resultado Esperado:

<div>
    <my-dynamic-component></my-dynamic-component>
</div>

Utilizando laSomeComponent'sViewContainerRef tiene el mismo resultado, todavía está insertando el componente generado como hermano, no como hijo. Estaría bien con una solución donde la plantilla está vacía y los componentes dinámicos se insertan en la plantilla (dentro de la etiqueta del selector de componentes).

La estructura DOM es muy importante cuando se usan bibliotecas como ng2-dragula para arrastrar desde una lista de componentes dinámicos ybeneficiarse de las actualizaciones del modelo. El div adicional está en la lista de elementos arrastrables, pero fuera del modelo, rompiendo la lógica de arrastrar y soltar.

Algunos dicen que no es posible (c.f. este comentario), pero parece una limitación muy sorprendente.