clonenode

I have to change "unknown" contents of XML. The structure and content itself is valid. Original <blabla foo="bar"> <aa>asas</aa> <ff> <cc> <dd /> </cc> </ff> <gg attr2="2"> </gg> ... ... </blabla> becomes <blabla foo="bar"> <magic> <aa>asas</aa> <ff> <cc> <dd /> </cc> </ff> <gg attr2="2"> </gg> ... ... </magic> </blabla> thus, adding a child straight under document root node (document.documentElement) and "pushing" the "original" children under that. Here it has to be done in plain javascript (ecmascript). The idea now is to // Get the root node RootNode = mymagicdoc.documentElement; // Create

I have a template with two fields for.eg name and age, that needs to cloned and appended to the same container. I achieved this using the following code. html file <ng-template #tpl> <div class="form-group"> <input type="text" id="name" class="form-control" name="name" ngModel #name="ngModel"> <input type="text" id="age" class="form-control" name="age" ngModel #age="ngModel"> <button type="Button" >Remove</button> </div> </ng-template> <div>Some element</div> <form #myForm="ngForm" novalidate (ngSubmit)="save(myForm)"> <div #container> </div> <button type="submit">Submit</button> </form>