Я не могу отобразить один объект сущности с ngrx - PullRequest
Новая
       43

Я не могу отобразить один объект сущности с ngrx

0 голосов
/ 28 октября 2019

Здравствуйте, я использую ngrx и весеннюю загрузку для отображения всех продуктов. Но я не могу отобразить один выбранный продукт.

Мой эффект getProductAction et работает хорошо. Вот результат в Redux:

Помогите, пожалуйста

Это мое состояние и initialState: 

export interface ProduitState extends EntityState<Produit>{
  isLoading: boolean;
  selectedProduitId: any;
  error: any;
  produits: any;
  searchQuery: string;
}

enter image description here

export const produitAdapter: EntityAdapter<Produit> = createEntityAdapter<Produit>({
  selectId: (produit: Produit) => produit.id,
  sortComparer: false,
});

export const produitInitialState: ProduitState = produitAdapter.getInitialState({
  isLoading: true,
  selectedProduitId: null,
  error: null,
  produits: [],
  searchQuery: ''
});

export const selectedProduitId = (state: ProduitState) => state.selectedProduitId;
export const selectIsLoading = (state: ProduitState) => state.isLoading;
export const selectError = (state: ProduitState) => state.error;
export const selectSearchQuery = (state: ProduitState) => state.searchQuery;

Это мое действие: 

export const getProduitAction = createAction('[Produit] Get Produit', props<{produitId: string}>());

const produitPayload = props<{produit: Produit}>();

export const getProduitSuccessAction = createAction('[Produit] Get Produit Success', produitPayload);

Это мой редуктор: 

on(ProduitActions.getProduitAction, (state, {produitId}) => ({
    ...state, selectedProduitId: undefined, isLoading: true, isLoaded: false, error: null
  })),

Это мой эффект: 

getProduit$ = createEffect(() =>
    this.actions$.pipe(
      ofType(getProduitAction),
      exhaustMap(action => {
        alert("getProduit Effects "+ action.produitId);
        return this.produitService.getProduit(action.produitId)
          .pipe(
            //tap(res => console.log(res + "TAG EEEEE")),
            map((produit, id) => getProduitSuccessAction({produit})),
            catchError(err => this.handleError(err))
          )
      })
    )
  );

Я делаю этокод для получения текущего выбранного идентификатора: 

public produitsState = createFeatureSelector<state.ProduitState>('produit');

  private selectors = state.produitAdapter.getSelectors(this.produitsState);

  private selectCurrentProduitId = createSelector(this.produitsState, state.selectedProduitId);


  private isLoading = createSelector(this.produitsState, state.selectIsLoading);
  private error = createSelector(this.produitsState, state.selectError);
  private searchQuery = createSelector(this.produitsState, state.selectSearchQuery);

Я делаю этот код для получения текущего выбранного продукта, но он не работает: 

getCurrentProductSelected() {
    //console.log("ProduitStore: getCurrentProductSelected()");
    //console.log(this.store.select(this.selectCurrentProduitId));
    alert(this.getProducts());
    return combineLatest(
      this.getProducts(),
      this.store.select(this.selectCurrentProduitId),
      (products, selectedId) => selectedId.map(id => {
        alert(id +" getCurrentProductSelected");
        alert(products +" getCurrentProductSelected");
        return products[id];
      })
    );
  }

Я пытаюсь получить продукт, ноУ меня ничего нет: 

let id = this.route.snapshot.paramMap.get('id');
    this.store.dispatchGetProduitAction(id);
    this.produit$ = this.store.getCurrentProductSelected();
    this.produit$.pipe(
      map(produit =>{
        alert(produit.nom + " this.produit$");
      })
    );

Помогите пожалуйста. Спасибо

...