title: angular 4 - i want to create clone of the dom element
body: <p>i want to create a clone of the dom element for eg:-</p>
  
  <pre><code>&lt;div&gt;
    &lt;p&gt;&lt;/p&gt;
    &lt;p&gt;&lt;/p&gt;
    &lt;p&gt;&lt;/p&gt;
    &lt;p&gt;&lt;/p&gt; 
  &lt;button (click)="copy()"&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here when i click on the button the whole div element should be cloned 
  below it  </p>
  
  <p>if you click 10 times 10 clone should appear
  also the orignal dom element should appear</p>
  
  <p>i have tried with the ng-template ,elementrefrence ,render2 ,Viewchild  </p>