Функция проверки Angular игнорируется из-за ngModel ⇐ Html

[Anonymous]

Я новичок в Angular.
Я пытаюсь создать таблицу флажков, которая будет сравниваться с другой таблицей и проверять ее, если она существует.
Эта функция работает отлично, но когда я добавляю ngModel - чтобы сохранить изменения, проверенная функция почему-то игнорировалась при первой загрузке страницы:

Код: Выделить всё

{{w.workoutName}}

Моя функция:

Код: Выделить всё

checkIfExisted(w:WORKOUT) {
if(!this.program.workouts || this.program.workouts.length == 0) {
console.log('no workouts found');
return false;
}

this.arr = this.program.workouts.map(workout => workout.workoutId);

if(this.arr.includes(w.workoutId)) {
console.log('return true');
return true;
}

Объект программы:

Код: Выделить всё

import { WORKOUT } from './workout.model';
export class PROGRAM {
programId:number = 0;
programName:string = '';
programTarget:string = '';
programNote:string = '';
numOfExercises:number;
workouts: WORKOUT[];
}

Другая проблема заключается в том, что когда я сохраняю, в ngFrom он сохраняется следующим образом:
Веб-экран

Код: Выделить всё

{programName: "a", programTarget: "", programNote: "", numOfExercises: 1, workout_0: false, …}
numOfExercises:1
programName:"a"
programNote:""
programTarget:""
workout_0:false
workout_1:true

Вместо сохранения всего объекта сохраняются: тренировка_0:false, тренировка_1:true

Подробнее здесь: https://stackoverflow.com/questions/515 ... of-ngmodel