Ошибка типа: не удается прочитать свойство 'insertData' из неопределенного

Question

Ошибка типа: не удается прочитать свойство 'insertData' из неопределенного

1

Я получаю сообщение об ошибке:

StudentsAttendanceCreateComponent.html: 9 ERROR TypeError: Невозможно прочитать свойство "insertData" неопределенного на students-attendance-create.component.ts: 96 в Array.forEach()

submitForm(form: NgForm) {
let cursoID: number;

Object.keys(form.value).forEach(function (key) {
  if (key === 'cursoId') {
    cursoID = form.value[key];
  }
});

Object.keys(form.value).forEach(function (key) {
  if (key !== 'cursoId') {
    const json = {
      EstudianteId: key,
      asistencia: form.value[key],
      cursoId: cursoID
    };
    this.insertData(json);
  }
});
}



insertData(json: any) {
this.service.studentsAsistencia(json)
  .subscribe(() => {
    this.openSnackBar('Datos insertados correctamente.', 'OK');
  });
// this.clearForm();
}

Спасибо !!!!

Gabriel Sule 22 окт. 2018, в 20:20

Источник

0

Попробуйте переключиться на функцию стрелки
Frank Modica 22 окт. 2018, в 18:06
0

Возможный дубликат Как получить доступ к правильному `this` внутри обратного вызова?
ConnorsFan 22 окт. 2018, в 18:29

Теги:

angular

javascript

json

search

3 ответа

1

Его опорная ошибка. Если вы хотите использовать переменную компонента или метод внутри обратного вызова, вы должны использовать функцию лямбда (стрелка) вместо использования литеральной или анонимной функции.

alokstar 22 окт. 2018, в 16:31

1

Чтобы использовать this ключевое слово внутри функции обратного вызова, вы должны использовать функцию стрелки, ваш код должен выглядеть так:

submitForm(form: NgForm) {

let cursoID: number;

Object.keys(form.value).forEach((key) => {
  if (key === 'cursoId') {
    cursoID = form.value[key];
  }
});

Object.keys(form.value).forEach((key) => {
  if (key !== 'cursoId') {
    const json = {
      EstudianteId: key,
      asistencia: form.value[key],
      cursoId: cursoID
    };
    this.insertData(json);
  }
});
}



insertData(json: any) {
this.service.studentsAsistencia(json)
  .subscribe(() => {
    this.openSnackBar('Datos insertados correctamente.', 'OK');
  });
// this.clearForm();
}

вы можете прочитать о различиях здесь: qaru.site/questions/48091/...

Omri Grossman 22 окт. 2018, в 16:30

Ещё вопросы

Попробуйте переключиться на функцию стрелки
Возможный дубликат Как получить доступ к правильному `this` внутри обратного вызова?

Aragorn · Accepted Answer · 2018-10-22T15-11-00.000Z

forEach принимает функцию обратного вызова, this недоступно внутри, если вы не связываете его. Один из способов сделать это через функцию стрелки ()=> автоматически связывает ее.

Object.keys(form.value).forEach((key) => {
  if (key !== 'cursoId') {
    const json = {
      EstudianteId: key,
      asistencia: form.value[key],
      cursoId: cursoID
    };
    this.insertData(json);
  }
});
}

Спасибо !!! это сработало правильно