the todo component

todo.component.ts

import { Component, ViewChild } from '@angular/core';
import { TodoListComponent } from './todolist.component';

@Component({
    selector: 'app-todo',
    template: `
    <div>
        <input type="text" placeholder="add a todo item here" [(ngModel)]="todotext"/>
        <input type="submit" (click)="addItem()" value="Add Todo" />
    </div>
    `
})

export class TodoComponent {
    @ViewChild(TodoListComponent) listComp: TodoListComponent;
    todotext = '';

    addItem(): void {
        this.listComp.addTodo(this.todotext);
    }
}