title: Add DOM element on Button click with Angular 2+
body: <p>Hi I'm learning how to manipulate the DOM with Angular 2+ and I want to add an Input field with type email when the click event is triggered. I've researched a bit with google, but couldn't find a soluion with Angular2+.  </p>
  
  <pre><code>&lt;form&gt;
  &lt;fieldset&gt;
    &lt;legend&gt;
      &lt;span class="number"&gt;3&lt;/span&gt;E-Mail Receipants&lt;/legend&gt;
    &lt;input type="email" name="email1" placeholder="E-Mail Recipients john.doe@mail.com"&gt;
    &lt;input type="button" value="Add E-Mail" (click)="addInputEmail()"&gt;
  &lt;/fieldset&gt;
  &lt;input type="submit" value="Generate Template" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>How can I generate extra inpult fields under the already existing one? What are my tools to use?</p>
  
  <pre><code>addInputEmail(){
  }
  </code></pre>
  
  <p>On each button click a new input field should be generated. Im kinda hopeless because I don't know what 'Tools' I have to manipulate it in the first place.</p>
  
  <p>Thanks. </p>