&#39;m trying to make an form in angular 7 and get inout in that but the form is giving the following error : ERROR TypeError: &quot;_co.service.formData is undefined&quot;
now here is my code for the html part of the component :-
&lt;form (sumbit)=&quot;signUp(form)&quot; autocomplete=&quot;off&quot; #form=&quot;ngForm&quot;&gt;
 &lt;div class=&quot;form-group&quot;&gt;
 &lt;input name=&quot;Name&quot; class=&quot;form-control&quot; #Name=&quot;ngModel&quot; [(ngModel)]=&quot;service.formData.Name&quot; required&gt;
 &lt;/div&gt;
&lt;/form&gt;


while this is the type script code
import { Component, OnInit } from &#39;@angular/core&#39;;
import {UserService} from &#39;../../shared/user.service&#39;;
import {NgForm} from &#39;@angular/forms&#39;;
@Component({
 selector: &#39;app-agent-signup&#39;,
 templateUrl: &#39;./agent-signup.component.html&#39;,
 styleUrls: [&#39;./agent-signup.component.css&#39;]
})
export class AgentSignupComponent implements OnInit {
 constructor(private service:UserService) { }
 ngOnInit() {
 }
 signUp(form:NgForm)
 {
 }
}
and this is the code for user.service :-
import { Injectable } from &#39;@angular/core&#39;;
import {UserData} from &#39;./user.model&#39;;
import {HttpClient} from &#39;@angular/common/http&#39;;
import {environment} from &#39;../../environments/environment&#39;;
 const API_URL=environment.apiUrl;
@Injectable({
 providedIn: &#39;root&#39;
})
export class UserService {
 formData : UserData;
 constructor(private http:HttpClient) {}
 createUser(formData:UserData)
 {
 return this.http.post(API_URL+&#39;/user/signup&#39;,formData);
 }
}
and this is the the user.model class :-
export class UserData{
 public Email:string;
 public Password:string;
 public Rera_no:string;
 public Name:string;
 public Company_name:string;
}
and i&#39;m getting the following error :- ERROR TypeError: &quot;_co.service.formData is undefined&quot; can anybody tell me where i&#39;m going wrong and how can i correct it ?

'm trying to make an form in angular 7 and get inout in that but the form is giving the following error : ERROR TypeError: "_co.service.formData is undefined"

now here is my code for the html part of the component :-

<form (sumbit)="signUp(form)" autocomplete="off" #form="ngForm">
 <div class="form-group">
 <input name="Name" class="form-control" #Name="ngModel" [(ngModel)]="service.formData.Name" required>
 </div>
</form>

while this is the type script code

import { Component, OnInit } from '@angular/core';
import {UserService} from '../../shared/user.service';
import {NgForm} from '@angular/forms';
@Component({
 selector: 'app-agent-signup',
 templateUrl: './agent-signup.component.html',
 styleUrls: ['./agent-signup.component.css']
})
export class AgentSignupComponent implements OnInit {

 constructor(private service:UserService) { }

 ngOnInit() {
 }
 signUp(form:NgForm)
 {

 }
}

and this is the code for user.service :-

import { Injectable } from '@angular/core';
import {UserData} from './user.model';
import {HttpClient} from '@angular/common/http';
import {environment} from '../../environments/environment';
 const API_URL=environment.apiUrl;
@Injectable({
 providedIn: 'root'
})
export class UserService {
 formData : UserData;
 constructor(private http:HttpClient) {}

 createUser(formData:UserData)
 {
 return this.http.post(API_URL+'/user/signup',formData);
 }
}

and this is the the user.model class :-

export class UserData{

 public Email:string;
 public Password:string;
 public Rera_no:string;
 public Name:string;
 public Company_name:string;
}

and i'm getting the following error :- ERROR TypeError: "_co.service.formData is undefined" can anybody tell me where i'm going wrong and how can i correct it ?

Angular forms returning ERROR TypeError: "_co.service.formData is undefined"?

Product

Explore

Company

Blogs

Partner with us

Support

Comparisons

Comparisons