Отображение угловых 2 объектов JSON

Question

У меня есть объект, который возвращается с обещанием.

Мой объект структурирована следующим образом:

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. Как извлечь значения и отобразить элементы Cart_Items в цикле и другие переменные, в которых они мне нужны?

Answer 1

Вы могли бы использовать что-то вроде этого:

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>