title: Cannot set property '' of undefined angular
body: <p>I am new to js and angular. I am trying to set the value for my var (churnDataInput). Below is my code.</p>
  <pre><code> **formcheck.component.ts**
   import { Component, OnInit } from '@angular/core';
   import { FormControl, FormGroup } from '@angular/forms';
   import { ConServiceService } from '../shared/con-service.service';
   import { churnData } from '../shared/data.model';
  
   @Component({
   selector: 'app-formcheck',
   templateUrl: './formcheck.component.html',
   styleUrls: ['./formcheck.component.css']
   })
   export class FormcheckComponent implements OnInit {
  
   churnForm: FormGroup;
   churnDataInput: churnData;
  
  
  
   constructor(private conservice: ConServiceService) { }
  
   ngOnInit(): void {
  
   this.churnForm = new FormGroup({
    'Satisfaction_level' : new FormControl(null),
    'last_evaluation': new FormControl(null),
    'number_project': new FormControl(null),
    'average_monthly_hrs': new FormControl(null),
    'time_speed_company': new FormControl(null),
    'work_accident': new FormControl(null),
    'promotion': new FormControl(null),
    'salary': new FormControl(null),
    'employee_dept': new FormControl(null), 
   });
  
  }
  
  
  onSubmit()
  {
  
   this.churnDataInput.Satisfaction_level = this.churnForm.get('Satisfaction_level').value.toString();
  
   this.churnDataInput.last_evaluation = this.churnForm.get('last_evaluation').value.toString();
   this.churnDataInput.number_project = this.churnForm.get('number_project').value.toString();
   this.churnDataInput.average_monthly_hrs = 
   this.churnForm.get('average_monthly_hrs').value.toString();
   this.churnDataInput.time_speed_company = this.churnForm.get('time_speed_company').value.toString();
   this.churnDataInput.work_accident = this.churnForm.get('work_accident').value.toString();
   this.churnDataInput.promotion = this.churnForm.get('promotion').value.toString();
   this.churnDataInput.salary = this.churnForm.get('salary').value.toString();
   this.churnDataInput.employee_dept = this.churnForm.get('employee_dept').value.toString();
  
   this.conservice.AddData(this.churnDataInput);
   }
  
  }
  </code></pre>
  <p>My model class (data.model.ts)</p>
  <pre><code> export class churnData
   {
    constructor(public Satisfaction_level: string, public last_evaluation:string, public 
    number_project:string, public average_monthly_hrs:string, public time_speed_company:string, public 
    work_accident:string, public promotion:string, public salary:string, public employee_dept:string){}
  
   }
  </code></pre>
  <p>When I am trying to assign the value in formcheck.component.ts class in onsubmit() ( this.churnDataInput.Satisfaction_level = this.churnForm.get('Satisfaction_level').value.toString();)</p>
  <p>I get error as (core.js:4197 ERROR TypeError: Cannot set property 'Satisfaction_level' of undefined)</p>