我如何將多個參數傳遞給@input裝飾功能角4

Question

我輸入的裝飾看起來像這樣

@Input() 
    filler(itemName:any,itemRate:number,itemQty:number,itemDiscount:number,itemSubtotal:number) 
{ 
this.cart.push({name:itemName,rate:itemRate,qty:itemQty,discount:itemDiscount,subtotal:itemSubtotal}); 
    } 

和呼叫看起來像這樣

<app-bill [filler]="['Name','Rate', 'Qty', 'Discount', 'Subtotal']"></app-bill> 

，我需要通過所有這5個值賦給「填充符」（）。

Answer 1

創建該類型的一個對象，並傳遞的值，

<app-bill [filler]="item"></app-bill> 

其中由具有所有字段

Item.ts

class Item { 
    Name: string; 
    Rate: number; 
    Qty : number; 
    Discount : number; 
    SubTotal: number; 
} 

在類創建項目您的Catalog Component.ts

import { Item } from 'Item'; 

export class CheckOutPageComponent{ 
item : Item; 
ngOnInit() { 
     item.Name = 'test'; 
     ,,,,,,assign rest of values here 
}