@ngrx Угловой 6/7 излучающий объект через компоненты

Question

Я использую Angular 7 с @ ngrx.
Я воспроизвел проблему, которая возникла у меня на стеке, вот ссылка

Если выпроверьте консоль, установив флажок активный / неактивный, вы увидите, что в дочернем компоненте (supplier-card-item.component) модель обновляется корректно, но при передаче в родительский компонент (supplier-card-list.component), объект восстанавливается до его первоначального значения, которое хранится в контейнере состояний.

Действия, эффекты, редукторы и т. д. хранилища находятся в папке корневого хранилища.

Спасибо за помощь

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>