@ngrx Angular 6/7 通过组件发射物体

Question

我正在使用 angular 7 和 @ngrx。
我已经重现了我在 stackblitz 上遇到的问题，这里是 link

如果您检查控制台，在单击 active/Unactive 复选框后，您会在子组件 (supplier-card-item.component) 中看到模型正在正确更新，但是当被发射到父组件（supplier-card-list.component），对象恢复到它的原始值，即存储在状态容器中的值。

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

感谢您的帮助

Answer 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>

@ngrx Angular 6/7 通过组件发射物体

@ngrx Angular 6/7 emitting object through components

event-propagation

output

ngrx

angular-event-emitter

angular7