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

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

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

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

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

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>
Другие вопросы по тегам