Como adicionar dinamicamente um nó clonado em angular2 (equivalente a cloneNode)
No Angular2, preciso duplicar um nó em vez de movê-lo em alguns casos. Esse nó tem propriedades angular2 para que o cloneNode não funcione. Como eu posso fazer isso?
* o que não funciona
let el = <HTMLElement>document.getElementById(divId);
if ((<HTMLElement>el.parentNode).id == 'itsMe')
el = <HTMLElement>el.cloneNode(true);
document.getElementById(anotherId).appendChild(el);
* o que funcionaria, deAngular2: componente de clonagem / elemento HTML e sua funcionalidade
@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;
}
Mas como adicionar um modelo dinamicamente?