Javascript 错误：找不到类型为“object”的不同支持对象“[object]”

我试图在一个配置文件页面中显示用户的订单，但收到了该错误

现在，我只是想显示用户的名字

用户配置文件订单路由：

用户服务：

用户配置文件orders.ts：

HTML页面：

通过这样做：

---

您的订单实际上设置为订单键的值

尝试使用数据中的订单

this.myOrders = data.Orders;

您还可以修改服务以映射返回的结果

return this.http.get(`${this.uri}/user/profile/orders`, httpOptions)
.pipe(map(res => res.Orders));

---

至少它在循环，意味着它在工作。。尝试在{order.firstName | json}上使用| json管道

export class ProfileOrdersComponent implements OnInit {

  myOrders: OrderDetails[];
  constructor(private userService : UserService) { }

  ngOnInit() {
    this.userService.getProfileOrders().subscribe((data:OrderDetails[]) =>{
      this.myOrders = data
      console.log(this.myOrders);
    })
}

<div class = "container">
<div *ngFor = "let order of myOrders">
   <h4>first name is: {{order.firstName}}</h4>

</div>
</div>

this.myOrders = data.Orders;

return this.http.get(`${this.uri}/user/profile/orders`, httpOptions)
.pipe(map(res => res.Orders));