title: How to clear input field after I run my function in Angular
body: <p>I dont know how to clear my two input field after I run my function. I am using model constructor to feed and add data into app. I am new to angular so if someone can show me the way to reset input fields... this is the code</p>
  
  <p>help is very much appreciated </p>
  
  <p>DATA MODEL</p>
  
  <pre><code>export class Model {
  
      items;
  
      constructor() {
  
      this.items = [new TodoItem("Buy Flowers", '3days', false),
      new TodoItem("Get Shoes", '1days', false),
      new TodoItem("Collect Tickets", '5days', false),
      new TodoItem("Call Joe", 'today', false)]
  
  }
  }
      export class TodoItem {
  
          action;
          time;
          done;
  
          constructor(action, time, done) {
          this.action = action;
          this.time = time;
          this.done = done;
  
          }
          }
  </code></pre>
  
  <p>COMPONENT</p>
  
  <pre><code>title = 'Welcome';
    model = new Model();
    todoText;
  
    getItems(){
      return this.model.items;
    }
  
    delItems(){
      this.model.items =  this.model.items.filter(item =&gt; !item.done)
  
      }
  
      addItem(newItem, time) {
        if (newItem != "") {
        this.model.items.push(new TodoItem(newItem, time, false));
  </code></pre>
  
  <p>AND TEMPLATE</p>
  
  <pre><code>&lt;h1&gt;
    {{title}}!
    &lt;/h1&gt;
    &lt;input class="form-control" #todoText /&gt;
    &lt;input class="form-control" #timeText /&gt;
    &lt;button class="btn btn-primary m-t-1" (click)="addItem(todoText.value, timeText.value)"&gt;
    AddItem
    &lt;/button&gt;
    &lt;table class="table table-striped table-bordered"&gt;
      &lt;thead&gt;
      &lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;Description&lt;/th&gt;&lt;th&gt;Done&lt;/th&gt;&lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
      &lt;tr *ngFor="let item of getItems(); let i = index" &gt;
      &lt;td&gt;{{ i + 1 }}&lt;/td&gt;
      &lt;td&gt;{{ item.action }}&lt;/td&gt;
      &lt;td&gt;{{ item.time }}&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" [(ngModel)]="item.done" /&gt;&lt;/td&gt;
      &lt;td [ngSwitch]="item.done"&gt;
      &lt;span *ngSwitchCase="true"&gt;Yes&lt;/span&gt;
      &lt;span *ngSwitchDefault&gt;No&lt;/span&gt;
      &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;/table&gt; 
      &lt;button (click)='delItems()'&gt;Remove&lt;/button&gt;
  </code></pre>