O Angular 5+ não pode salvar a resposta observável da forma de resultado

Eu tenho um aplicativo Angular que consome dados de um webapi. Quando faço uma solicitação, recebo um observável digitado.

agora quando eu faço isso:

data: Product[];
productService.getByProductId("061000957").subscribe(res => {
      console.log(res);
      this.data = res;
});
console.log(this.data);

o que vejo no console, posso ver isso

Eu posso ver claramente que o resultado tem o Produto que eu preciso. Mas por que não consigo salvar isso nos meus dados variáveis locais?

obrigado

questionAnswers(4)

yourAnswerToTheQuestion