zoukankan      html  css  js  c++  java
  • [NgRx] NgRx Entity Adapter Configuration

    import { Course, compareCourses } from "../model/course";
    import { EntityState, createEntityAdapter } from "@ngrx/entity";
    import { createReducer, on } from "@ngrx/store";
    import { CoursesAction } from "../actions-types";
    /*
    export interface CoursesState {
      entities: { [key: number]: Course };
      ids: number[];
    }*/
    
    export interface CoursesState extends EntityState<Course> {
      /**Extend the entity here */
      allCoursesLoaded: boolean;
    }
    
    export const adapter = createEntityAdapter<Course>({
      sortComparer: compareCourses
      // selectId: course => course.id // NgRx use 'id' by default
    });
    
    export const initCoursesState = adapter.getInitialState({
      allCoursesLoaded: false
    });
    
    export const coursesReducer = createReducer(
      initCoursesState,
      on(CoursesAction.allCoursesLoaded, (state, action) =>
        adapter.addAll(action.courses, { ...state, allCoursesLoaded: true })
      )
    );
    
    export const { selectAll } = adapter.getSelectors();
    export function compareCourses(c1:Course, c2: Course) {
    
      const compare = c1.seqNo - c2.seqNo;
    
      if (compare > 0) {
        return 1;
      }
      else if ( compare < 0) {
        return -1;
      }
      else return 0;
    
    }

    'sortCompoarer' is used with adapter when you want to sort the entites based on one prop, 'ids' will be also sorted accordingly to the new entities.

  • 相关阅读:
    算法之字符串
    linux环境无界面运行selenium
    用猴子补丁的方式解决 python unittest按定义的顺序执行用例
    adb命令行执行uiautomator2
    uiautomator2环境搭建
    jenkins安装
    python unittest自动化数据驱动demo
    uiautomator1与2的区别
    HttpRunnerManager学习
    接口测试
  • 原文地址:https://www.cnblogs.com/Answer1215/p/11623695.html
Copyright © 2011-2022 走看看