Criando sua segunda aplicação com Angular

Limpando tarefas concluídas

No botão remover tarefas concluídas (ícone “refazer”), utilize o event binding (click)="onRemoverConcluidas()" e implemente o método na classe do componente.

<ng-container *ngIf="editando; else acoesPadrao">
  <button class="btn btn-sm text-white" (click)="onRemoverConcluidas()"><i class="fa fa-lg fa-redo"></i></button>
  ...
</ng-container>
export class ListaDeTarefasComponent implements AfterViewInit {
  ...

  onRemoverConcluidas() {
    this.lista.tarefas = this.lista.tarefas.filter(tarefa => !tarefa.concluida);
  }
}

Antes de encerrar

Remova os dados hard-coded da classe AppComponent, inicializando a propriedade listasDeTarefas com um array vazio:

export class AppComponent {
  listasDeTarefas: ListaDeTarefas[] = [];
}

Deixar uma resposta