CODEWITHSUNDEEP
javascriptangulartypescriptrxjsngrx
An-droid
An-droid

Reputation: 6485

Angular 6 + Ngrx state value update without using action

I have a simple state : 

export interface ItemsState{
  items: Item[],
  otherItem: OtherItem,
}

const initialState: ItemsState= {
  items: [],
  otherItem: {} as OtherItem,
}

And a selector : 

const getItemFeatureState = createFeatureSelector<ItemsState>('items');

export const getItemValue= createSelector(
  getItemFeatureState,
  state => state.otherItem,
);

In my component I use the selector : 

 public item: Item  = {} as Item;

 constructor(private itemsStore: Store<fromItem.State>) {
    this.itemsStore.pipe(
      select(fromItem.getItemValue),
      distinctUntilChanged(),
    ).subscribe(item=> this.item = item);
}

But when I update this local Item by doing something simple like : 

this.item.value = someValue;

this.item.value will be updated in ItemsState without using any Actions.

How is that possible ?

Upvotes: 0

Views: 966

Answers (1)

timdeschryver
timdeschryver

Reputation: 15505

This is because the item is sharing the same reference. If you update it, your item in the store will also be updated.

This is NOT what you want. To catch these "mistakes" during development you can use the package ngrx-store-freeze to prevent this.

Upvotes: 2

Related Questions