how to bind api model state message(error msg) in typescript

Sujeet Raman

Hi i have a save funtion in my angular app.if save is failed i need to show error message that returning from api.what i tried is..

in my service;

private handleError(error: Response) {
return Observable.throw(error.text());
}
save(id: any) {
.map(res => <string[]>res.json())
.catch(this.handleError);
}

component.ts:

save() {
this.Service.save(this.id)
.subscribe(response => {
this.res= response;
},
(error) => {
this.errorMsg = error
alert(this.errorMsg)
});
}

/final output am getting in alert : [{ "Message": null, "ModelState": [{ "Message": "enter valid range, the range is conflicting with range 8.00 and 17.00" }] }]

but i need to show only "enter valid range, the range is conflicting with range 8.00 and 17.00"

can anyone help me?

7 Replies

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

Jayakumar Balasubramaniam8y ago
Accepted answer
Hi,

I think we are receving the error as an array format, so please try this
this.errorMsg = error[0].ModelState[0].Message;
alert(this.errorMsg);
Sujeet Raman8y ago
yes its working..i changed .text() and added json()

thank you for your help :)
Sujeet Raman8y ago
nope getting like

ERROR TypeError: Cannot read property '0' of undefined
Sujeet Raman8y ago
hi added like this

(error) => {
this.errorMsg = error.ModelState.Message;
alert(this.errorMsg);
});
}

but getting

TypeError: Cannot read property 'Message' of undefined
Jayakumar Balasubramaniam8y ago
Oh okay, so it seems object errorMsg is declared as string.
Then use the code below,

(error) => {

this.errorMsg = error.ModelState.Message;



alert(this.errorMsg);

});

}
Sujeet Raman8y ago
hi added like this

(error) => {
this.errorMsg = error.ModelState.Message;
alert(this.errorMsg);
});
}

but getting error like the property modelstate does not exist onthe type string
Jayakumar Balasubramaniam8y ago
Hi,

Please try to change your alert like below, it will help you.
alert(this.errorMsg.ModelState.Message) ;
Thanks,
Jayakumar