Harshit-Sachdev/To do list har/todo-list/src/app/MyComponents/todos/todos.component.html

  <div class="container">
    <h1 class="text-center">Todo List by Harshit</h1>
<app-add-todo (todoAdd)="addTodo($event)"></app-add-todo>
<h3>Your Todos</h3>
<div *ngIf="this.todos.length===0; else elseBlock">No Todos to Display</div>
<ng-template #elseBlock>
    <div *ngFor="let todo of todos; index as i">
        <app-todo-item [todo]="todo" [i]="i" (todoDelete)="deleteTodo($event)" (todoCheckbox)="ToggleTodo($event)"></app-todo-item>
    </div>
</ng-template>
</div>