Cómo agregar dinámicamente un nodo clonado en angular2 (equivalente a cloneNode)
En Angular2, necesito duplicar un nodo en lugar de moverlo en algunos casos. Ese nodo tiene propiedades angulares2, por lo que cloneNode no funciona. ¿Cómo puedo hacerlo?
* lo que no funciona
let el = <HTMLElement>document.getElementById(divId);
if ((<HTMLElement>el.parentNode).id == 'itsMe')
el = <HTMLElement>el.cloneNode(true);
document.getElementById(anotherId).appendChild(el);
* lo que funcionaría, deAngular2: componente de clonación / elemento HTML y su funcionalidad
@Component({
selector: 'my-app',
template: `
<template #temp>
<h1 [ngStyle]="{background: 'green'}">Test</h1>
<p *ngIf="bla">Im not visible</p>
</template>
<template [ngTemplateOutlet]="temp"></template>
<template [ngTemplateOutlet]="temp"></template>
`
})
export class AppComponent {
bla: boolean = false;
@ContentChild('temp') testEl: any;
}
Pero, ¿cómo agregar una plantilla dinámicamente?