Создание фиктивной модели в Angular
Я пытаюсь создать фиктивную модель в Angular, чтобы получить значения из серверной части. Но он выдает ошибку из-за массива.
abc.ts
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;
}
}
abc.service.ts
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: Cannot read property '0' of undefined at new Bolus(abc.ts: 39) at abc.service.ts: 33 at Array.map( < anonymous > ) at MapSubscriber.project(carb.service.ts: 33) at MapSubscriber.push.. / node_modules / rxjs / _esm5 / internal / operators / map.js.MapSubscriber._next(map.js: 35) at MapSubscriber.push.. / node_modules / rxjs / _esm5 / internal / Subscriber.js.Subscriber.next(Subscriber.js: 54) at MapSubscriber.push.. / node_modules / rxjs / _esm5 / internal / operators / map.js.MapSubscriber._next(map.js: 41) at MapSubscriber.push.. / node_modules / rxjs / _esm5 / internal / Subscriber.js.Subscriber.next(Subscriber.js: 54) at MergeMapSubscriber.push.. / node_modules / rxjs / _esm5 / internal / operators / mergeMap.js.MergeMapSubscriber.notifyNext(mergeMap.js: 84) at InnerSubscriber.push.. / node_modules / rxjs / _esm5 / internal / InnerSubscriber.js.InnerSubscriber._next(InnerSubscriber.js: 15)
я обновил вопрос
«Я получаю сообщение об ошибке» бесполезно — сначала необходимо объяснить, что вы пытаетесь сделать.
Я показал свою ошибку, посмотри
Ответы 2
Вот как определить модель:
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
}
Вы должны попробовать это: Angular 2, объявляющий массив объектов
Мне кажется, что вы пытаетесь определить тип для своего массива, но также пытаетесь создать место для двух объектов, что не так, как вы должны это делать (см. ссылку).
у вас есть ошибка, потому что ваш массив не инициализируется, когда вы пытаетесь получить доступ к индексу 0 (проверьте через консоль с точкой останова, вы увидите, что ваш массив не определен).
Не знаю, действительно ли это необходимо, может быть, добавить
this.ABC_Info = [];для инициализации его как массива. Возможно, добавьте сообщение об ошибке в вопрос, может помочь.