There was an issue: Cannot read property 'push' of undefined at SafeSubscriber._next
import { Component, OnInit } from '@angular/core';
import {StudentService} from '../student.service';
import {student} from '../student';
@Component({
selector: 'app-studentfrm',
templateUrl: './studentfrm.component.html',
styleUrls: ['./studentfrm.component.css'],
providers:[StudentService]
})
export class StudentfrmComponent implements OnInit {
students: student[];
student: student;
name: string;
birthdate: string;
gender: string;
address: string;
guardianname: string;
contact: string;
email: string;
Areainterested: string;
constructor(private studentservice: StudentService) { }
addstudent()
{
const newdata = {
name: this.name,
birthdate: this.birthdate,
gender: this.gender,
address: this.address,
guardianname: this.guardianname,
contact: this.contact,
email: this.email,
Areainterested: this. Areainterested
}
this.studentservice.addstudent(newdata)
.subscribe(data =>{
this.students.push(data);
// this.studentservice.getstudents()
// .subscribe(students =>
// this.students = students);
});
}
The form I created encounters an error when trying to post data. The error message is as follows:
Error: TypeError: Cannot read property 'push' of undefined at SafeSubscriber._next (studentfrm.component.ts:42) at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub