get-todos-on-push.ts

import { Component, ChangeDetectionStrategy } from '@angular/core';
 
@Component({
  selector: 'app-todos',
  template: `
    <button (click)="loadTodos()">Load todos</button>
    <app-todo *ngFor="let todo of todos" [todo]="todo"></app-todo>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class TodosComponent {
  public todos: Todo[] = [];
 
  constructor(private todoService: TodoService) {}
 
  public loadTodos(): void {
    this.todoService.getTodos().subscribe((todos) => {
      this.todos = todos;
    });
  }
}