ответ веб API на отображение угловых классов

Question

У меня есть метод действия web api, возвращающий chapterid и chaptername.Я хочу отобразить это в угловой класс с дополнительным полем «Edit», чье значение по умолчанию - false

export class Chapter {
  chapterid: number;
  chaptername: string;
  Edit: boolean = false;
}

 public Chapters: any;

this.http.get<Chapter>(this.baseUrl + 'api/Chapters').subscribe((response) => { this.Chapters = response; console.log(this.Chapters); }, error => console.log(error));

Я не получаю дополнительное поле «Edit».

Answer 1

Похоже, API api/Chapters возвращает массив объектов с chapterid и chaptername.Если это так, обновите ваш код следующим образом:

this.http.get<Chapter[]>(this.baseUrl + 'api/Chapters')
                 .pipe(
                     map(chapters => {
                         return chapters.map(c => {return {...c, Edit: false}});
                     }),                     
                 )
                 .subscribe((response) => { this.Chapters = response; console.log(this.Chapters); }, error => console.log(error));