todo-list.component.html

todo-list.component.html

<div class="todo-list-wrapper">
    <div class="mx-auto col-10">
        <h5>TODO list</h5>
        <hr>
        <ul class="list-group mb-3">
            <app-todo-item *ngFor="let todo of todoList" 
            [todoItem]="todo" 
            (todoDelete)="deleteTodo($event)"
            (todoEdit)="editTodo($event)"></app-todo-item>
        </ul>
    </div>

    <hr>

    <app-add-todo [currentTODO]="currentTODO"></app-add-todo>
</div>