Angular 5 Typescript：成员变量问题

Question

我正在学习Angular 5，并且在Typescript端具有一个类似于以下内容的组件：

export class ChargingProcessesComponent implements OnInit {
...

  public cards: Card[] = [];
  private cards$: Subscription;

  constructor(private cardService: CardService) { }

  ngOnInit() : void {
    this.cards$ = this.cardService.getCards().subscribe((data: PersonalData) => {      
    this.cards = data.cards;
    });

    console.log("Cards count: " + this.cards.length);//this is 0
  }
}

在该控制台输出中，

this.cards.length为0，但不应如此。

在HTML端{{cards.length}}的正确长度为2。这是相同的变量。

我想念什么吗？