title: error TS2322: Type 'Event' is not assignable to type 'string'. [(ngModel)]="todoItem" (keyup) ="addTodo()"
body: <p>I'm trying to bind my input to be able to display string. But I've this error:</p>
  <p>Error:
  list.component.html:3:15 - error TS2322: Type 'Event' is not assignable to type 'string'.
  .</p>
  <p>3  [(ngModel)]=&quot;todoItem&quot;
  ~~~~~~~~~
  4  (keyup) =&quot;addTodo()&quot;</p>
  <pre><code>
  src/app/components/todo-list/todo-list.component.ts:5:16
    5   templateUrl: './todo-list.component.html',
  
  
  
  
  todo-list.componentn.html :
  
  
      &lt;input type=&quot;text&quot;
     placeholder=&quot;What needs to be done&quot; 
     [(ngModel)]=&quot;todoItem&quot;
     /&gt;
    
        &lt;div class=&quot;item-left&quot;  *ngFor=&quot;let todo of todos&quot;&gt;
            &lt;input type='checkbox' &gt;
            &lt;p&gt;{{todo.title}}&lt;/p&gt;
        &lt;/div&gt;
  
  todo-list.component.ts:
  
    
    import { Component, OnInit } from '@angular/core';
    
    @Component({
      selector: 'app-todo-list',
      templateUrl: './todo-list.component.html',
      styleUrls: ['./todo-list.component.css'],
    })
    export class TodoListComponent implements OnInit {
      todos!: Todos[];
      todoItem!: string;
      constructor() {}
    
      ngOnInit(): void {
        this.todoItem = '';
        this.todos = [
          {
            id: 1,
            title: 'Surya',
          },
        ];
      }
   
    }
  
  //interface to help with type error
  
    interface Todos {
      id: number;
      title: string;
    }
  
  </code></pre>