Order Details Component - Copy this Angular, Css Component to your project

// Define an interface for each item type export interface Blouse { id: number; ordertableid: number; style: string; neckdesign: string; astar: boolean; openingside: string; neck: string; dori: boolean; sleeve: string; detail: string; clothimage: string; desingimage: string; price: number; } export interface Dress { id: number; ordertableid: number; style: string; neckdesign: string; astar: boolean; openingside: string; backofneck: string; chain: boolean; sleeve: string; detail: string; clothimage: string; desingimage: string; price: number; } export interface Chaniyo { id: number; ordertableid: number; style: string; detail: string; clothimage: string; desingimage: string; price: number; } export interface Pant { id: number; ordertableid: number; rubbert: string; neckdesign: string; pocket: boolean; detail: string; price: number; } // Define an interface for the order itself export interface OrderDetails { branchname: string; customer: string; deliverydate: string; id: number; orderdate: string; orderstatus: boolean; ordertables: string; totalPrice: number; blouses: Blouse[]; dresses: Dress[]; chaniyo: Chaniyo[]; pants: Pant[]; } i have this interface in which data will come so give good templet to show this data