angular Angular Cli, TypeScript, como utilizar um get json

[willwalker 2]

Estou desenvolvendo uma aplicação com Angular Cli, estou acompanhado um curso onde ele cria os arrays e cadastra no localStorage do naveador.

 

Mas eu queria fazer diferente, quero chamar uma api, ler esse json e alimentar meu HTML.

 

No app.module.ts importei o HttpClientModule e no meu component.ts coloquei o seguinte:

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-listar',
  templateUrl: './listar.component.html',
  styleUrls: ['./listar.component.css']
})
export class ListarComponent implements OnInit {
  itensJson: string[];

  constructor(private http: HttpClient) { }

  ngOnInit() {
    const Key = "2hKjRWO84XXPqnffl8lPZW1WCXbSyQj8q5VDpECf";

    this.http.get('https://api.com?api_key='+Key).subscribe(data => {
      this.itensJson = data['itensJson'];
    });
  }
}

Só que agora eu não sei como manipular isso. No HTML no tr eu coloquei assim:

<tr *ngFor="let itensJson of itens">
  <td>{{ itens.nome }}</td>
</tr>

Mas não exibe nada e eu não sei como eu poderia debugar o retorno do Json, estou estudando as sintaxe do Angular, mas não tenho dificuldades em Javascript. Só quero aprender de forma correta a usar o Angular.

 

Abraços e obrigado!