两个不同 Angular 模型之间的映射

Question

我正在尝试将 Order.ts 映射到 OrderAction.ts，但收到错误无法准备好未定义的属性“0”。当我尝试将 Order 属性映射到 OrderAction 属性时出现此错误。

这里是 Order.ts：

export class Order {
    OrderId: number;
    FunctionStatusList?: OrderFunctionStatus[];
}

export class OrderFunctionStatus {
    FunctionTypeCode: number;
    AvailableActions: OrderAvailableAction[];
}

export class OrderAvailableAction {
    ActionLabel: string;
    ActionValue: string;
}      

这是 OrderAction.ts：

export class OrderAction {
   FunctionTypeCode: number;
   SelectedAction: string;
   OrderList: AvailableAction[];
}

export class AvailableAction {
   OrderId: number;
   IsAvailableAction: boolean;
   AvailableActions?: OrderAvailableAction[];
 }

这是我写的代码：

    orders: any[] = [];
    orderActionList: any[] = [];

    ngOnInit() {
        this.orders = this.orderService.getCheckedOrders();
        this.orders.forEach((order: Order, i) => {
            let orderAction: OrderAction = new OrderAction();
            orderAction.OrderList[i].OrderId = order.OrderId;
            orderAction.FunctionTypeCode = order.FunctionStatusList[i].FunctionTypeCode;
            orderAction.AvailableActions = order.FunctionStatusList[i].AvailableActions;
            orderAction.IsAvailableAction = order.FunctionStatusList[i].AvailableActions.length > 0 == true || false;
            this.orderActionList.push(orderAction);
        });
    }

这是 Order.ts json 的示例：

    {
        "OrderId": "1",
        "FunctionStatusList": [{
            "FunctionTypeCode": "1",
            "AvailableActions": [{
                "ActionLabel": "1",
                "ActionValue": "1"
            }]
        }]
     }

这是 OrderAction.ts json 的示例：

    {
    "FunctionTypeCode": "1",
    "SelectedAction: "1",
    "OrderList": [{
       "OrderId": "1",
       "IsAvailableActionsLoaded": "1",
       "AvailableActions": [{
          "ActionLabel": "1",
          "ActionValue": "1"
       }]
    }]
   }

Answer 1

我不确定你到底在哪里得到错误，但我做了以下操作，它将Order 转换为OrderAction：https://plnkr.co/edit/VEHAdk3qPRIFkEAU?preview

代码的核心是这样的：

this.orders.forEach((order: Order, i) => {
    this.orderActions.push({
        FunctionTypeCode: order.FunctionStatusList[i].FunctionTypeCode,
        SelectedAction: null,
        OrderList: [
          {
            OrderId: order.OrderId,
            IsAvailableActionsLoaded:
              order.FunctionStatusList[i].AvailableActions.length > 0,
            AvailableActions: order.FunctionStatusList[i].AvailableActions,
          },
        ],
     });
});

我将 SelectedAction 保留为 null，因为不清楚如何设置此值。