ngrx从存储中选择值

时间:2019-04-07 11:08:20

标签: angular typescript ngrx

如何仅选择卡或selectedCard?

这是我的减速器

const initialState: AppState = {
  cards: [
    {
      cardNumber: 3412334587676567,
      ccv: 231,
      cardHolder: 'Tom',
      expiredMonth: 12,
      expiredYear: 10,
      active: true
    },
    {
      cardNumber: 3412334587676567,
      ccv: 231,
      cardHolder: 'asdasd',
      expiredMonth: 12,
      expiredYear: 10,
      active: true
    },
  ],
  selectedCard: {
    cardNumber: 3412334587676567,
    ccv: 231,
    cardHolder: 'asdasd',
    expiredMonth: 12,
    expiredYear: 10,
    active: true
  }
};


export function reducer(state = initialState, action: CardActions.Actions): AppState {
  switch (action.type) {
    case CardActions.ADD_CARD: {
      return {
        cards: [...state.cards, action.payload],
        selectedCard: action.payload
      };
    }
    default:
      return state;
  }
}

和组件

this.store.select('selectedCard').subscribe(value => {
  console.log(value); ---> return undefined
});

如果我选择“卡片”,则返回整个商店。 如何在组件中使用此值?

asdasdasdasdasdasd

0 个答案:

没有答案