HarmonyOS 鸿蒙Next json解析嵌套对象不走set方法 plainToClass仅对最外层类new有效

HarmonyOS 鸿蒙Next json解析嵌套对象不走set方法 plainToClass仅对最外层类new有效

import { plainToClass, ClassConstructor } from 'class-transformer'
import "reflect-metadata"
import { BusinessError } from '@kit.BasicServicesKit';

@Observed
class ProductModel{
  name:string = ''
  private _count: number = 0;

  public set count(value: number) {
    this._count = value;
    this.flagCount = value;//最外层这里是走set方法的
  }

  public get count(): number {
    return this._count;
  }
  flag: number = 0;
  details:ProductDetailModel[] = []

  flagCount: number = 0;
}

@Observed
class ProductDetailModel{
  detailName:string = ''
  private _detailCount: number = 0;

  public set detailCount(value: number) {
    this._detailCount = value;
    this.flagCount = value;//嵌套的这里就不走set方法了
  }

  public get detailCount(): number {
    return this._detailCount;
  }
  flagCount:number = 0
}

function jsonToArray<T>(cls: ClassConstructor<T>, jsonStr: string): Array<T> {
  try {
    return plainToClass(cls, JSON.parse(jsonStr), { enableImplicitConversion: false, exposeDefaultValues: true }) as Array<T>
  } catch (err) {
    let error = err as BusinessError;
    return []
  }
}
@Entry
@Component
struct ProductListView {
  jsonString:string = '[{"name":"商品1", "count":"1", "details":[{"detailName":"子商品1", "detailCount":"1"}]},{"name":"商品2", "count":"1", "details":[{"detailName":"子商品2", "detailCount":"1"}]},{"name":"商品3", "count":"1", "details":[{"detailName":"子商品3", "detailCount":"1"}] }]'
  @State productList: ProductModel[] = [];
  aboutToAppear(): void {
    // this.productList = JSON.parse(this.jsonString);
    this.productList = jsonToArray(ProductModel, this.jsonString);
  }

  build() {
    Column({space:10}){
      ForEach(this.productList,(item:ProductModel)=>{
        ProductView({item:item})
      })
    }.padding(20)
  }
}


@Component
struct ProductView {
  @ObjectLink item: ProductModel;
  build() {
    Column(){
      Row(){
        Text(this.item.name)
        Text(`${this.item.count}`)
        Text(`${this.item.flagCount}`)//最外层这里走了set方法，所以这里的值变了
        Button('数量-1').onClick(()=>{
          this.item.count--
        })
        Button('数量+1').onClick(()=>{
          this.item.count++
        })
      }.width('100%').justifyContent(FlexAlign.SpaceBetween)

      Column({space:10}){
        ForEach(this.item.details,(detailItem:ProductDetailModel)=>{
          ProductDetailsView({parItem:this.item,item:detailItem})
        })
      }.padding(20)

    }
  }
}

@Component
struct ProductDetailsView {
  @ObjectLink parItem:ProductModel;
  @ObjectLink item: ProductDetailModel;
  build() {
    Column(){
      Row(){
        Text(this.item.detailName)
        Text(`${this.item.detailCount}`)
        Text(`${this.item.flagCount}`)//嵌套这里没走set方法，所以这里的值没有发生改变，但是detailCount的值是变了的
        Button('数量-1').onClick(()=>{
          this.parItem.flag --;
          this.item.detailCount--
        })
        Button('数量+1').onClick(()=>{
          this.parItem.flag ++;
          this.item.detailCount++
        })
      }.width('100%').justifyContent(FlexAlign.SpaceBetween)
    }
  }
}