A tabela não aparece no Console

Na visualização do Browser, no Console não aparece a tabela como o da aula! Eu tentei anexar a imagem, mas não consegui!

Códigos ficaram da seguinte forma:

transferencia.service.ts:

import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { Observable } from 'rxjs'; import { Transferencia } from '../models/transferencia.model';

@Injectable({ providedIn: 'root' }) export class TransferenciaService { private listaTransferencia: any[]; private url = 'http://localhost:3000/transferencias';

constructor(private httpClient: HttpClient) { this.listaTransferencia = []; }

get transferencias(){ return this.listaTransferencia; }

todas(): Observable<Transferencia[]>{ return this.httpClient.get<Transferencia[]>(this.url); }

adicionar(transferencia: any){ this.hidratar(transferencia);

this.listaTransferencia.push(transferencia); }

private hidratar(transferencia: any){ transferencia.data = new Date(); } }

extrato.component.ts:

import { Component, Input, OnInit } from '@angular/core'; import { TransferenciaService } from '../services/transferencia.service'; import { Transferencia } from '../models/transferencia.model';

@Component({ selector: 'app-extrato', templateUrl: './extrato.component.html', styleUrls: ['./extrato.component.scss'] }) export class ExtratoComponent implements OnInit { transferencias: any[];

constructor(private service: TransferenciaService) { }

ngOnInit(): void { this.service.todas().subscribe((transferencias: Transferencia[]) => { console.table(transferencias); this.transferencias = transferencias; }); } }