角形虚拟模型的创建

Question

我试图在Angular中创建一个虚拟模型，以从后端获取值。但由于数组的原因,它会抛出一些错误。

export class abc {

    date: Date;
    time: string;
    ABC_Info: [{
            item: string,
            quantity: number,
            a: number
        },
        {
            item: string,
            quantity: number,
            a: number
        }
    ]

    constructor(date: Date, time: string, item: string, quantity: number, a: number) {
        this.meal_time = meal_time;
        this.date = date;
        this.time = time;

        this.ABC_Info[0].item = item;
        this.ABC_Info[0].quantity = quantity;
        this.ABC_Info[0].carbs = a;

        this.ABC_Info[1].item = item;
        this.ABC_Info[1].quantity = quantity;
        this.ABC_Info[1].carbs = a;

    }
}

import { abc} from './models/abc';

getABCs(start ? : moment.Moment, end ? : moment.Moment): Observable < abc[] > {
    let params = new HttpParams();

    if (start) {
        params = params.append('start', start.toISOString());
    }

    if (end) {
        params = params.append('end', end.toISOString());
    }
    return this.baseService.getParams('/api/abc/getAll', params)
        .pipe(
            map(res => res as Object[] || []),
            map(bolus => bolus.map(k => new abc(
                    new Date(k['date']),
                    k['time'],
                    k['item'],
                    k['quantity'],
                    k['a']))

            )
        )
}

浏览器控制台错误

ERROR TypeError：无法读取MapSubscriber.Project(CARB.Service.ts:33)上Array.Map( )上的新Bolus(abc.ts:39)上未定义的属性“|0”。/node_modules/rxjs/_esm5/internal/operators/map.js.mapsubscriber._next(map.js:35)位于mapsubscriber.push。/node_modules/rxjs/_esm5/internal/subscriber.js.subscriber.next(subscriber.js:54)，位于mapsubscriber.push。/node_modules/rxjs/_esm5/internal/operators/map.js.mapsubscriber._next(map.js:41)位于mapsubscriber.push。/node_modules/rxjs/_esm5/internal/subscriber.js.subscriber.next(subscriber.js:54)，位于mergemapsubscriber.push。/node_modules/rxjs/_esm5/internal/operators/mergemap.js.mergemapsubscriber.notifyNext(mergemap.js:84)位于innersubscriber.push。/node_modules/rxjs/_esm5/internal/innersubscriber.js.innersubscriber._next(innersubscriber.js:15)

Answer 1

这是如何定义模型的：

export interface Abc {
  date: Date;
  time: string;
  ABC_Info: {item: string, quantity: number, a: number}[]
}

然后在http服务中：

getAbc(): Observable<Abc> {
  return this.http.get('some api').pipe(map(res => res.json)); // Remove pipe if angular version is below 6
}