@ngrx Angular 6/7 通过组件发射对象答案

【问题标题】：@ngrx Angular 6/7 emitting object through components@ngrx Angular 6/7 通过组件发射对象
【发布时间】：2019-05-05 23:04:30
【问题描述】：

我将 Angular 7 与 @ngrx 一起使用。
我已经重现了我在 stackblitz 上遇到的问题，这里是 link

如果您检查控制台，在单击活动/非活动复选框后，您将看到在子组件 (supplier-card-item.component) 中，模型正在正确更新，但在发送到父组件时(supplier-card-list.component)，对象被恢复到其原始值，即存储在状态容器中的值。

Store 的动作、效果、reducers 等...都在 root-store 文件夹中。

感谢您的帮助

【问题讨论】：

updateSupplier(obj){ 返回 200; } 代码没有完成？
UpdateSupplier() 函数中接收到的对象是原始对象，所以这部分并不重要还是我错了？

标签： output ngrx angular7 event-propagation angular-event-emitter

【解决方案1】：

问题在于您发回的内容((child_hasChange)="onSupplierUpdate($event)")

        <app-supplier-card-item *ngFor="let supplier of suppliersActive" 
        [supplier]="supplier"
        (child_hasChange)="onSupplierUpdate($event)" <<- here
        ></app-supplier-card-item>
    </mat-tab>

    <mat-tab label="Inactive">
        <app-supplier-card-item *ngFor="let supplier of suppliersUnactive" 
        [supplier]="supplier"
        (child_hasChange)="onSupplierUpdate($event)" <<- here
        ></app-supplier-card-item>
    </mat-tab>
</mat-tab-group>

【讨论】：

谢谢rijin的回答，没错，$event应该是发射值和supplier-card-item组件的父组件