title: Angular 6 add input on enter key
body: <p>I have component called <code>text-editor.component</code> and this is my html template:</p>
  
  <pre><code>&lt;div class="container"&gt;
  
  &lt;div id="testo" class="offset-1 text-center" &gt;
    &lt;input type="text" class="col-8 text-center"&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to add a new input text when I press the enter key. This is what I'm trying to achieve:</p>
  
  <p></p>
  
  <pre><code>&lt;div id="testo" class="offset-1 text-center" &gt;
    &lt;input type="text" class="col-8 text-center"&gt;
    &lt;!-- second input --&gt;
    &lt;input type="text" class="col-8 text-center"&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>when the user presses enter after inputting text into the input, a new input should spawn. I am using Angular's template driven forms.</p>