如何使用@Input將多個數據傳遞給子組件

Question

我有一個問題，如果我們想要使用@Input將多個數據傳遞給子組件，那麼如何實現這一點。

如果我們有部分是這樣的：

<ex-comp [exData1]="exampleData1" [exData2]="exampleData2"></ex-comp> 

如何獲得在子組件中的數據。使用兩個@Input s？

1. 如果是這樣，我們怎麼知道哪些數據進入哪個@Input？ 訂單事宜？

2. 如果沒有，該如何實現？

很抱歉，如果我錯過這個基本點。

謝謝..

Answer 1

您可以通過此

@Input()exData1; 
@Input()exData2; 

---

<ex-comp [exData1]="exampleData1" [exData2]="exampleData2"></ex-comp> 

這裏exampleData1和exampleData2是數據從父組件實現，在你的子組件 和exData1和exData2是您可以通過上面給定的代碼訪問您的子組件的輸入名稱。

Answer 2

你剛纔創建公共變量與@input（）屬性：

export class ExampleComponent{ 

    @Input('exData1') exData1: any; 
    @Input('exData2') exData2: any; 
}