loop errors in angular

Question

In angular I've tying to loop my given errors and show them in alert but it doesn't work, I've read and tried different solutions such as using lenght or lenght+1 etc. none of them seem to work.

Data

{name: Array(1), email: Array(1), password: Array(1)}
email: ["The email field is required."]
name: ["The name field is required."]
password: ["The password field is required."]
__proto__: Object

Code

error => {
        let errors = error.error.errors;
        console.log(errors); //return result above
        for (var i = 0; i < errors.length; i++) {
          this.alertService.presentToast(errors[i]);
        }
      },

any idea?

Could you please console errors[i] and check what is the output? — Kaustubh Khare
– Kaustubh Khare, Commented May 29, 2019 at 3:24
To print the above response, you need to maintain same response for all the fields that your are getting from response. Your key is not same, it is changing. — Kaustubh Khare
– Kaustubh Khare, Commented May 29, 2019 at 3:36
@KaustubhKhare response coming from server so based on fields that i fill, i get different kind of errors. The content doesn't matter the matter is that i can loop and show that content what ever it is. — mafortis
– mafortis, Commented May 29, 2019 at 3:40
The response is not an array, it is a json object. So can not loop it through. If you console errors.name[0] below your console and above for loop then it will print output. — Kaustubh Khare
– Kaustubh Khare, Commented May 29, 2019 at 3:43

Ravinder Kumar · Accepted Answer · 2019-05-29 04:15:39Z

4

Hi there are two ways to print the error messages. Hope it may help full for you

1.

for (let [key, value] of Object.entries(errors)) {
    console.log(value[0]);
}

2.

for (let [key, value] of Object.entries(errors)) {
    for(let msg of value) {
        console.log(msg);
    }   
}

answered May 29, 2019 at 4:15

Ravinder Kumar

1207 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ravi Heer · Accepted Answer · 2019-06-08 07:13:41Z

2

You can simply use this

Object.keys(errors).forEach(key => {
    alert(errors[key][0]);
});

answered Jun 8, 2019 at 7:13

Ravi Heer

1037 bronze badges

Collectives™ on Stack Overflow

loop errors in angular

Data

Code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Data

Code

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related