Antes de que alguien diga algo, soy consciente de que no es una buena práctica mezclar Jquery y Angular2. Sin embargo, tengo un administrador de diseño (diseño dorado) que depende de Jquery. Una vez que se han creado los mosaicos individuales, me gustaría adjuntar un componente Angular 2 que consta de gráficos/tablas al mosaico.
Entonces puedo obtener fácilmente el contenedor a través de la API, pero es de una selección de jquery. ¿Cómo puedo convertir eso en un ViewContainerRef para poder adjuntarle un componente?
export class ComponentService { constructor(private componentFactoryResolver: ComponentFactoryResolver, private appRef: ApplicationRef, private injector: Injector) { } create(component){ // get factory and create component let factory = this.componentFactoryResolver.resolveComponentFactory(component); let ref = confirmDialogFactory.create(this.injector); // set input prop ref.instance.prop ='ABC'; // attach to dom document.querySelector('body') .appendChild(ref.location.nativeElement); // run change detection this.appRef.attachView(ref.hostView); ... }