title: How can I press enter on keyboard to save my todo
body: <p>I'm wanting to be able to press enter to add my todo, so far clicking button adds it</p>
  <pre><code> &lt;h1 style=&quot;text-align:center&quot;&gt;Todo List&lt;/h1&gt;
      
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row justify-content-md-center&quot;&gt;
          &lt;div class=&quot;col col-lg-3&quot;&gt;
            &lt;div class=&quot;input-group mb-3&quot;&gt;
              &lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Enter Todo&quot; aria-label=&quot;Enter Todo&quot; aria-describedby=&quot;button-addon2&quot; [(ngModel)]=&quot;newTodo&quot;&gt;
              &lt;button class=&quot;btn btn-outline-secondary btn-primary&quot; type=&quot;button&quot; id=&quot;button-addon2&quot; style=&quot;color: white&quot; (click)=&quot;saveTodo() &quot;&gt;Add Todo&lt;/button&gt;
          
            &lt;/div&gt;
            &lt;table class=&quot;table table-striped&quot;&gt;
              &lt;tbody&gt;
                &lt;tr *ngFor=&quot;let todo of todos; let i = index&quot;&gt;
                  &lt;th scope=&quot;row&quot;&gt;{{i+1}}&lt;/th&gt;
                  
                  &lt;td class=&quot;{{(!todo.isCompleted)?'done':''}}&quot; (click)=&quot;done(i)&quot;&gt;{{todo.name}}&lt;/td&gt;
                  &lt;td style=&quot;color: red;font-weight: bold;&quot;(click)=&quot;remove(i)&quot; class=&quot;pointer&quot;&gt;X&lt;/td&gt;
                &lt;/tr&gt;  
            &lt;/table&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>