In angular6 i faced the issue regarding API hit while post

Api and database are in the server these are not problem.api to database post the data successfull.but using angular to api is the problem.and send my code.

samplecollection() {
debugger;
this.submitted = true;
this.values.PreferedStartDate = formatDate(this.specvalues.PreferedStartDate, "dd-MMM-yyyy", "en-US") + " " + this.specvalues.prefferedTime;
// this.values.prefferedTime = this.specvalues.prefferedTime,
// this.values.Collection = this.specvalues.Collection,
this.values.RequestedBy = this.selectedtitle[1] + this.specvalues.RequestedBy;
this.values.ContactNumber = this.specvalues.ContactNumber;
this.values.AddressLine = this.specvalues.AddressLine;
this.values.Location = this.specvalues.Location;
this.values.EmailId = this.specvalues.EmailId;
this.values.PinCode = this.specvalues.PinCode;
this.values.Remarks = this.specvalues.Remarks;
this.values.Description = this.specvalues.Description;
this.values.DateOfBirth = this.specvalues.DateOfBirth;
this.values.Gender = this.selectedtitle[0].toString();
this.homecareParam = new HCDefaultParams();
this.homecareParam.DeviceId = "KmhAppointments";
this.homecareParam.IMEINumber = "Online-SampleCollection-Booking";
this.homecareParam.homeCareEntities = this.values;
this._Collectionservice.CreateCollection(this.homecareParam).subscribe()
//((Response) => {
if (Response) {
debugger;
this.data = true;
this.message = 'Appointment booked successfully';
alert("Appointment booked successfully");
this.loginForm.reset();
this.router.navigate(['viewdetail']);
}
// });
}

service

CreateCollection(element: any) {
debugger;
const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) };
return this._http.post(Url + "aircare/homecare/collectmysample", element, httpOptions)
}
class
export class HCDefaultParams {
DeviceId: string;
IMEINumber: string;
homeCareEntities: HomeSampleCollectionDetail;
}
export class HomeSampleCollectionDetail {
PreferedStartDate: string;
prefferedTime: string;
Collection: string;
RequestedBy: string;
ContactNumber: number;
AddressLine: string;
Location: string;
EmailId: string;
PinCode: number;
Remarks: string;
Description: string;
DateOfBirth: Date;
// age: number;
Gender: string;
CreatedBy: number = 569;
ModeofBooking: number = 11;
RequestType: number = 1;
}

share ur suggession

12 Replies

Know the answer? Post it — somebody with the same question will find it here.

Veerendra Annigere7y ago
Your API hit from angular is successfull ? or its giving CORS error ?

Please put a screen shot of console if any error.
vinoth kumar7y ago
thanks, ronika jensy for ur response..........but it is not solve my problem...
Ronika Jency7y ago
See the link for post sample - https://yogeshdotnet.com/angular-4-http-post-services-using-web-api-example/
vinoth kumar7y ago
hiii....
any one is there.to solve my problem.
vinoth kumar7y ago
As am mentioned above post a data data from UI to Api .UI post the data successfully but not hit the api.the api and database are in the server.and one more thing cors error will occur.
Ronika Jency7y ago
Tell me the exact issue you are facing.
vinoth kumar7y ago
someone help me to find out the solution......for the below problem
vinoth kumar7y ago
Api and database are in the server these are not problem.api to database post the data successfull.but using angular to api is the problem.and send my code.

TS
samplecollection() {
debugger;
this.submitted = true;
this.values.PreferedStartDate = formatDate(this.specvalues.PreferedStartDate, "dd-MMM-yyyy", "en-US") + " " + this.specvalues.prefferedTime;
// this.values.prefferedTime = this.specvalues.prefferedTime,
// this.values.Collection = this.specvalues.Collection,
this.values.RequestedBy = this.selectedtitle[1] + this.specvalues.RequestedBy;
this.values.ContactNumber = this.specvalues.ContactNumber;
this.values.AddressLine = this.specvalues.AddressLine;
this.values.Location = this.specvalues.Location;
this.values.EmailId = this.specvalues.EmailId;
this.values.PinCode = this.specvalues.PinCode;
this.values.Remarks = this.specvalues.Remarks;
this.values.Description = this.specvalues.Description;
this.values.DateOfBirth = this.specvalues.DateOfBirth;
this.values.Gender = this.selectedtitle[0].toString();
this.homecareParam = new HCDefaultParams();
this.homecareParam.DeviceId = "KmhAppointments";
this.homecareParam.IMEINumber = "Online-SampleCollection-Booking";
this.homecareParam.homeCareEntities = this.values;

this._Collectionservice.CreateCollection(this.homecareParam).subscribe()
//((Response) => {
if (Response) {
debugger;
this.data = true;
this.message = 'Appointment booked successfully';
alert("Appointment booked successfully");
this.loginForm.reset();
this.router.navigate(['viewdetail']);

}
// });
}
service
CreateCollection(element: any) {
debugger;
const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) };
return this._http.post(Url + "aircare/homecare/collectmysample", element, httpOptions)
}
class
export class HCDefaultParams {
DeviceId: string;
IMEINumber: string;
homeCareEntities: HomeSampleCollectionDetail;
}

export class HomeSampleCollectionDetail {
PreferedStartDate: string;
prefferedTime: string;
Collection: string;
RequestedBy: string;
ContactNumber: number;
AddressLine: string;
Location: string;
EmailId: string;
PinCode: number;
Remarks: string;
Description: string;
DateOfBirth: Date;
// age: number;
Gender: string;
CreatedBy: number = 569;
ModeofBooking: number = 11;
RequestType: number = 1;

}
share ur suggession
Sanwar Ranwa7y ago
First test the api using Postman and then check the api url that enter in angular app or share your code
vinoth kumar7y ago
In Angular only post the data successfully but not hitting the api and database
vinoth kumar7y ago
yes u r right
Sanwar Ranwa7y ago
Hello Vinoth

Your question is not clear ,you said api is not hit ,but values post successfully right ?