Не удается найти другой вспомогательный объект «[object Object]» типа «object». NgFor поддерживает только привязку к Iterables, например к ошибке Arrays

Бэкэнд (Spring Boot, REST (Spring Data Rest, Spring Data JPA). Это происходит только с JPA, без него работает отлично, но для написания гораздо больше кода).

Я попробовал все оставшиеся ответы, но не получил точного решения.

Бэкэнд API

New File
pizzatest.model.ts
export class Pizzas{

    firstName: string;
    description: string;
}

API BELOW   

_embedded   
pizzas  
0   
firstName   "Pizza Margarita"
description "Ingredients of Margarita"
_links  
self    
href    "http://localhost:8080/pizzas/1"
pizza   
href    "http://localhost:8080/pizzas/1"
1   
firstName   "Detroit Pizza"
description "Ingredients of Detroit Pizza"
_links  
self    
href    "http://localhost:8080/pizzas/2"
pizza   
href    "http://localhost:8080/pizzas/2"
2   
firstName   "Greek Pizza"
description "Ingredients of Greek Pizza"
_links  
self    
href    "http://localhost:8080/pizzas/3"
pizza   
href    "http://localhost:8080/pizzas/3"
3   
firstName   "Sicilian Pizza"
description "Ingredients of Sicilian Pizza"
_links  
self    
href    "http://localhost:8080/pizzas/4"
pizza   
href    "http://localhost:8080/pizzas/4"
4   
firstName   "Chicago Pizza"
description "Ingredients of Chicago Pizza"
_links  
self    
href    "http://localhost:8080/pizzas/5"
pizza   
href    "http://localhost:8080/pizzas/5"
_links  
self    
href    "http://localhost:8080/pizzas{?page,size,sort}"
templated   true
profile 
href    "http://localhost:8080/profile/pizzas"
page    
size    20
totalElements   5
totalPages  1
number  0

ОКАЗАНИЕ УСЛУГ

import { Injectable } from '@angular/core';
import{HttpClient} from '@angular/common/http';


@Injectable({
  providedIn: 'root'
})
export class PizzatestService {

readonly rootUrl = 'http://localhost:8080/'

  constructor(private http: HttpClient) { }

getPizzas(){
  return this.http.get(this.rootUrl + '/pizzas');
}}

МАШИНОПИСЬ

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { PizzatestService } from './pizzatest.service';
import {Pizzas} from './pizzatest.model'; 


@Component({
  selector: 'app-pizzatest',
  templateUrl: './pizzatest.component.html',
  styleUrls: ['./pizzatest.component.css']
})
export class PizzatestComponent implements OnInit {

pizzas : Pizzas[]


  constructor(private pizzaTestService: PizzatestService) { }

  ngOnInit() {
this.pizzaTestService.getPizzas().subscribe((data: any) => {
  console.info('from service', data)
  this.pizzas = data;
})
  }
}

HTML

<div *ngFor = "let pizza of pizzas">
        <ul> 
          <li> {{pizza.firstName}}</li>
          <li> {{pizza.description}}</li>
        </ul>
        </div>