Angular 7-保存后更新父组件

Question

我们在应用程序中使用了Angular Material，我试图找出如何从子组件（app-order-product）中更新标签的label属性。

这是布局：

<mat-tab *ngFor="let product of products" label="{{product.Id ? product.Id: 'New Product'}}">
   <ng-template matTabContent>
       <app-order-product></app-order-product>
   </ng-template>
 </mat-tab>

因此，在页面加载时，我们有一个用于订单的标签，然后是每个产品的后续标签。由于在实际保存产品之前我们没有产品ID，因此我们仅存入“新产品”。我现在已保存该ID，只是不确定如何将其备份到订单组件，并确保它在正确的选项卡上。

Plunkr在我工作的地方被阻止，对不起，代码有限。