Javascript 显示Angular 2 JSON对象

我有一件物品被归还，并附有承诺

我的对象的结构如下：

export class ShoppingCart {
Cart_Items: [
    {
        Id: number,
        SKU: string,
        Link: string,
        ImageURL: string,
        Title: string,
        Description: string,
        Qty: number,
        Unit_Wt: number,
        Unit_Price: number,
        Sub_Total: number,
        Sub_Wt_Total: number,
        IsTaxExempt: boolean
    }
    ];
Shipping_Cost: number;
Taxes: number;
Discount: number;
Sub_Total: number;
Total_Wt: number;
Total: number;

}

我在我的组件类中使用此选项：

display_cart: ShoppingCart;

constructor(private _shoppingCartService: ShoppingCartService) {}

getShoppingCart() {
    this._shoppingCartService.getShoppingCart().then(display_cart => this.display_cart = display_cart);
    // this.display_cart = this._shoppingCartService.getShoppingCart();
}
ngOnInit(){
    this.getShoppingCart();
}

在我的服务中，我使用此来获取数据：

getShoppingCart() {
    return Promise.resolve(DISPLAY_CART);
}

---

我唯一可以用来显示任何数据的东西是{{display_cart | json}}，但它只返回我的json。如何提取值并在循环中显示购物车项目以及我需要的其他变量？

您可以使用类似的方法：

display_cart: ShoppingCart;

constructor(private _shoppingCartService: ShoppingCartService) {}

getShoppingCart() {
    this._shoppingCartService.getShoppingCart().then(
    display_cart => {
      this.display_cart = display_cart;
      this.items = display_cart.Cart_Items ;
    });
}

ngOnInit(){
    this.getShoppingCart();
}

并使用相应模板中的项目：

<li *ngFor="#item of items">
  {{item.title}}
</li>

{{item.title}

See我实际上不得不更改

display\u cart:ShoppingCart到
显示购物车：ShoppingCart=新的ShoppingCart
这样，即使没有从服务器返回任何数据，对象仍然被定义，并且不会导致错误。