發送從子組件陣列，以父

Question

我寫菜譜的Web應用程序，我有所有持有成分的數組的食譜，這是我怎麼寫我的應用程序

<h2>Add {{addRecipeForm.controls.name.value}}</h2> 
<form [formGroup]="addRecipeForm"> 
    <label>Name:</label> 
    <input type="text" formControlName="name" > 
    <p *ngIf="addRecipeForm.controls.name.errors">This field is required!</p><p></p> 
    <label>Serves:</label> 
    <input type="text" formControlName="serves" > 
    <p></p> 
    <label>Steps:</label> 
    <textarea name="Text1" cols="60" rows="5" type="text" formControlName="steps" ></textarea> 
    <p></p> 
    <label>Remarks:</label> 
    <textarea name="Text1" cols="60" rows="3" type="text" formControlName="remarks" ></textarea> 
    <p></p> 
    <hr> 
    <app-add-ingredient></app-add-ingredient> 
    <hr> 
    <button type="submit">Add new recipe</button> <button (click)="goBack()">Back</button> 
</form> 

我打電話顯示成分加法器/列表器，我如何發送添加成分組件構建的數組備份到其父配方組件，我查看了eventemitter，但正如這裏所述：What is the proper use of an EventEmitter?它似乎不是一個好主意？或至少不理想。

如果eventemitter不是將數組傳遞給父代的最好方法，那是什麼？服務還是其他方式？

我也看到官方文檔上這樣的事情在這裏https://angular.io/guide/component-interaction#!#parent-to-child-local-var 但林不知道它的創建後（由用戶通過表單輸入）如何給一個數組回到父母找回

Answer 1

最好的解決方案是使用只有兩個組件可訪問的服務。

您會在角度doc上找到一些示例https://angular.io/guide/component-interaction#parent-and-children-communicate-via-a-service