Angular 13 http呼叫API给出错误，试图diff;测试拍卖名称One＆＃x27;。仅允许阵列和迭代

Question

我有一个ASP.NET核心Web API项目，该项目由Angular 13项目召唤。我认为一切都很好，因为我可以console.log从API发送的数据。一旦我尝试使用*ngfor循环显示在HTML组件中，我会收到以下错误。如您所见，console.log正在显示正确的数据。我已经在此处搜索互联网以及所有推荐的帖子，但似乎没有任何作用。任何帮助将不胜感激。

这是接口

export interface Auction {
  auctionId: number;
  name: string;
  description: string;
  longDescription: string;
  bidIncrement: number;
  bidAmount: number;
}

服务呼叫

//SERVICE 
getAPI(): Observable<Auction[]> { 
 return this.http.get<Auction[]>('https://localhost:5001/api/auction')
.pipe(
  map((data: Auction[]) => this.auctionList = data), 
  tap(data => console.log('All', JSON.stringify(data))), 
  catchError(this.handleError)
  );    
}

组件部分

export class AppComponent implements OnInit {

errorMessage = ''; 

 auctionList: Auction[] = [];       

 constructor(private http: HttpClient) {}

 ngOnInit(): void {      
    this.getAuctionList(); 
 }

  getAuctionList() { 
   return this.getAPI().subscribe({
   next: response => { 
    this.auctionList = response;                                     
   },
   error: err => this.errorMessage  = err      
  }); 
 }
}

html组件

Auction List: 
 <ul >
   <li *ngFor="let item of auctionList" >
    {{ item.auctionId }}        
  </li>  
 </ul>