Node.js 当我写{{bookings | json}时，它会显示对象数组。但是当我只写{{{bookings}}时，它什么也不显示 view.comp.ts

在view.comp.ts中调用viewAllBookings（）时，将为该.flightDetails分配
[{u id:“5ec8d981fe559619a0a36ab3”，“flightId:“IND-101”，“AircraftName:“Delta Airlines”，“fare:”600，“AvailableSets:”9，“status:”Running”，“bookings:[{id:“5ec8d981fe559619a0a36ab4”，“customerId:”P1001，“bookingId:”2001，“noOfTickets”：3，“bookingCost”：1800}，{U id:“5ec8d981fe559619a0a36ab5”，“customerId:“S1001”，“bookingId”：2003，“noOfTickets”：2，“bookingCost”：1200}，{U id:“5ed923926cb1ea3f80f090ef”，“customerId:“G1001”，“bookingId”：2007，“noOfTickets”：1，“bookingCost:”600}，“{v:”0}，{id:“5EC8E55961FA36”，“JeghtBID:“FlightB102”飞机名称：“：750，”AvailableSets“：18，”status“：”Running“，”bookings“：”5ec8d981fe559619a0a36ab7“，”customerId“：”P1001“，”bookingId“：”2002，“noOfTickets“：”3，“bookingCost“：”2250}，{”id“：”5ec8d981fe559619a0a36ab8“，”customerId“：”G1001“，”bookingId“：”2004，“noOfTickets“，”2，“bookingCost“：”1500}，{”id“：”5ED924EA6CBA30F090F001“，”customerId“，”2008“，”，“noOfTickets”：2，“预订成本”：1500}]，“{u v”：0}，{u id:“5ec8d981fe559619a0a36ab9”，“航班id:“IND-103”，“飞机名称”，“联合航空”，“票价”：800，“可用座位”：10，“状态”：“取消”，“预订”：[{”id:“5EC8D981FE5596190A36ABA”，“客户id:“S1001”，“预订id:”2005，“noOfTickets”：1，“预订成本”：800}，{customerId“：“G1001”，“bookingId”：2006，“noOfTickets”：4，“bookingCost”：3200}]，“u v”：0}]

&this.bookings将被分配一组bookings对象


[{u id:“5ec8d981fe559619a0a36ab4”，“customerId:“P1001”，“bookingId:”2001，“noOfTickets:”3，“bookingCost:”1800，“flightId:”IND-101“}，{u id:”5ec8d981fe559619a0a36ab5”，“customerId:”S1001”，“bookingId:”2003，“noOfTickets:”2，“bookingCost”“：1200，“flightId”：“IND-101”}，{“id”：“5ed923926cb1ea3f80f090ef”，“customerId”：“G1001”，“bookingId”：2007，“noOfTickets”：1，“bookingCost”：600，“flightId”：“IND-101”}，{“id”：“5ec8d981fe559619a0a36ab7”，“customerId”：“P1001”，“bookingId”：2002，“noOfTickets”：3，“bookingCost”：2250，“flightId”：“IND-102”}，{“5ec8d981fe559619a0a36ab8”，“customerId:”G1001”，“bookingId:”2004，“noOfTickets:”2，“bookingCost:”1500，“flightId:”IND-102“，”{”id:”5ed924ea6cb1ea3f80f090f0“，”customerId:”S1001”，“bookingId:”2008，“noOfTickets:”2，“bookingCost:”1500，“flightId:”IND-102“，”，{”id:”5EC8D981FE5596190A36ABA“，”customerId:”S1001，“bookingId:”2“bookingId:”1500：2005，“noOfTickets”：1，“bookingCost”：800，“flightId”：“IND-103”}，{“id”：“5ec8d981fe559619a0a36abb”，“customerId”：“G1001”，“bookingId”：2006，“noOfTickets”：4，“bookingCost”：3200，“flightId”：“IND-103”}]

view.comp.html

当我写{{bookings | json}}时，它会显示

[EC8D981FE559619A0A36AB4]，[customerId]：“P1001”，“bookingId”：2001，“noOfTickets”：3，“bookingCost”：1800，“flightId”：IND-101]，[EC8D981FE559619A0A36AB5]，[customerId]：“S1001”，“bookingId”：2003，“noOfTickets”：2，“bookingCost”：1200，“flightId”：“IND-101”；[id]，[5ED923926CBA36AB5]，[customerId]：“customerId”：“S1001”，“bookingId”：2007，“noOfTickets”：1，“bookingCost”：600，“flightId”：“IND-101”}，{“\u id”：“5ec8d981fe559619a0a36ab7”，“customerId”：“P1001”，“bookingId”：2002，“noOfTickets”：3，“bookingCost”：2250，“flightId”：“IND-102”}，{“\u id”：“5ec8d981fe559619a0a36ab8”，“customerId”：“G1001”，“bookingId”：2004，“noOfTickets”：2，“bookingCost”：1500，”flightId:“IND-102”}，{“id:”5ed924ea6cb1ea3f80f090f0“，”customerId:”S1001“，”bookingId:”2008，“noOfTickets:”2，“bookingCost:”1500，“flightId:”IND-102”}，{“id:”5ec8d981fe559619a0a36aba“，”customerId:”S1001“，”bookingId:”2005，“noOfTickets:”1，“bookingCost:”800，“flightId:”IND:“IND-103“，”5EC8E55961ABB:”5EC8E59619A36ABB“，”customerId:“G1001”，“bookingId”：2006，“noOfTickets”：4，“bookingCost”：3200，“flightId:“IND-103”}]

但是当我只写{{bookings}时，它什么也不显示

---

现在我的问题是，当我写{{{bookings}}的时候，为什么它不向我显示[objectobject…]像这样

我看不到在视图中显示数组有任何用处。很可能Angular团队不关心这个问题，只做了一些简单的实现，不会破坏任何东西

我看不到在视图中显示数组有任何用处。很可能Angular团队不关心这个问题，只做了一些简单的im不会破坏任何东西的实现

能否添加Stablitz？嗨，我不确定视图模板显示[对象对象]。[对象对象对象]是否由控制台显示。问题是：为什么要显示[对象对象]？能否添加Stablitz？嗨，我不确定视图模板显示[对象对象].[对象对象]由控制台显示。问题是：为什么要显示[object]？

export class ViewDetailsComponent implements OnInit {

  bookings: Flights[] = []
  flightDetails: FlightBooking[];

 constructor(private viewdetailsservice: ViewDetailsService) { }
  ngOnInit() {
    this.viewAllBookings()
  }


 viewAllBookings() {
    this.viewdetailsservice.view().subscribe(
      (success)=>{this.flightDetails=success
      this.flightDetails.forEach((ele)=>{
        ele.bookings.forEach((booking)=>{
          booking.flightId=ele.flightId
          this.bookings.push(booking)
        })
      })},
      (error)=>{this.errorMessage=error}
    ) 
 }
}