错误：找不到支持 object '[object Object]' 类型 'object' 的差异

Question

我试图在个人资料页面中显示用户的订单，但收到该错误。

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

用户配置文件订单路由：

// User Profile (Orders)
userRouter.get('/profile/orders',verify,(req,res) =>{
  OrderDetails.find({UserId: req.user._id})
  .then(user => {
      res.status(200).json({
          Orders:user
      });

  });
});

用户服务：

getProfileOrders(){

  const token = localStorage.getItem('id_token');
  let headers = new HttpHeaders({
    'Content-Type': 'application/json',
    'auth-token': token
  });

  const httpOptions = {
    headers: headers
  };
    return this.http.get(`${this.uri}/user/profile/orders`, httpOptions)
  }
}

用户个人资料 orders.ts：

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);
    })
}

HTML 页面：

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

</div>
</div>

通过做：

 <div *ngFor = "let order of myOrders | keyvalue">

，错误消失，但页面上没有显示任何内容：

非常感激！

Answer 1

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

尝试使用数据中的Orders

this.myOrders = data.Orders;

您也可以将服务修改为 map 返回的结果

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