Parsing json in angular 5

Question

I have a .NET Core 2.0 application where I am returning validation errors when registering a new user like this:

    var existingUser = await _userManager.FindByEmailAsync(model.Email);
    {
        if (existingUser != null)
        {
            return BadRequest(new IdentityError()
            {
                Description = "This email address has already been registered."

            });
        }
    }

    var result = await _userManager.CreateAsync(user, model.Password);

    if (result.Succeeded)
    {
        return new JsonResult(result);
    }

    return BadRequest(result.Errors.ToList());

In my Angular 5 application I have the following code:

this.userService.register(this.model)
  .finally(() => this.isRequesting = false)
  .subscribe(
    result => {
      if (result) {
        this.alertService.success('Registration successful', '', false, true);
        this.router.navigate(['/login']);
      }
    },
    error => {
      console.log(error)
      this.alertService.error(error, 'Registration failed', false, false);
    });

My console.log(error) line brings this:

How do I parse the JSON to just extract the 'description' fields and wrap paragraph tags around them?

try error.error[0].description

Ramesh Rajendran
– Ramesh Rajendran

2018-02-10 12:19:42 +00:00
Commented Feb 10, 2018 at 12:19 — Ramesh Rajendran
– Ramesh Rajendran, Commented Feb 10, 2018 at 12:19

Suren Srapyan · Accepted Answer · 2018-02-10 14:01:15Z

1

You already have a parsed JSON. You need to access error property. error is an array and the errors are inside it items. So you can just access error[0].code or error[0].description.

console.log(error.error[0].description)

For many errors

for(let e of error.error) {
   console.log(e.description);
}

edited Feb 10, 2018 at 14:01

answered Feb 10, 2018 at 12:18

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

2 Comments

Robbie Mills Over a year ago

How do I look through an array of errors? (there may be more than 1)

Suren Srapyan Over a year ago

You can iterate over them using for of loop

Sajeetharan · Accepted Answer · 2018-02-10 13:03:12Z

0

You can access the error using the index,

console.log(error.error[0].description);

in case of having more than one error use

for (let erorObj in error.error) {
   console.log(errorObj);
}

answered Feb 10, 2018 at 13:03

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Collectives™ on Stack Overflow

Parsing json in angular 5

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related