如何在NGXS中标准化和建模嵌套数组的状态?

时间:2019-11-10 21:30:49

标签: angular ngxs

我只是想尝试在深层嵌套的数组对象上更新状态而碰壁,并且通过研究它,我需要对状态进行规范化。

我正在使用的数据结构如下:

   sportTypes: SportType[
  sportTypeObj{
     leagues: League[
        leagueObj{
              teams: Team[
                 teamObj{} <== this array needs updating
                ]
           }
      ]
   }
]

因此,基本上SportType对象具有类型为League []的数组属性,而每个League对象都具有类型为Teams []的数组属性。我需要更新特定联赛的球队阵容。我不太确定如何构造SportTypeStateModel来反映此数据结构。

这是我以前的经历:

`export interface SportTypeStateModel {
  sports: SportType[];
  loading: boolean;
  error?: any | null;
}`

但是有了这个,没有简单的方法来更新Teams数组。

1 个答案:

答案 0 :(得分:0)

另一种选择是拥有3个(或4个)实体存储。但这并没有像预期的那样容易。

  • SportTypeStateModel:内部带有{sportTypeIds:string []}

  • SportType:内部带有{LeagueIds:string []}

  • League:内部{team:Team []}