組件間通信:Input 與 Output

在 Angular 中,主要透過 @Input()@Output() 機制實現組件間的數據流動與事件傳遞。

基本概念

  • Input:允許父組件向子組件傳遞數據

  • Output:允許子組件向父組件傳遞事件

單向數據流

Angular 推崇單向數據流原則,這意味著數據應該有預測性的流向:

  • 從父組件流向子組件 (透過 Input)

  • 從子組件回到父組件 (透過 Output 事件)

這種模式有助於建立可維護、可預測的應用程式。

Last updated