How to handle undefined object property in angular 5

Question

I tried to fix the undefined error by setting the object property value to an empty string but its still giving the error as mentioned below:

ERROR TypeError: Cannot read property 'notes' of undefined

TS

let notes;
if (typeof manufacturer_field.manufacturer_guidelines[0].notes == undefined){
  notes = '';
} else {
  notes = manufacturer_field.manufacturer_guidelines[0].notes;
}

HTML

<p *ngIf="field.notes?.length">{{field.notes}}</p>

I referred this answer but that didn't work: How to handle 'undefined' in javascript

The problem isn't about notes. It's about field and/or manufacturer_field.manufacturer_guidelines[0]. — Joseph
– Joseph, Commented May 16, 2018 at 13:50

David Anthony Acosta · Accepted Answer · 2018-05-16 13:56:09Z

2

If notes array element 0 is undefined, then this will throw an error:

if (typeof manufacturer_field.manufacturer_guidelines[0].notes == undefined){

because you are checking if the property is undefined, when what is actually undefined is the .manufacturer_guidelines[0] item.

instead, you can do:

if (!manufacturer_field.manufacturer_guidelines[0]){
     manufacturer_field.manufacturer_guidelines[0] = (assign it whatever value belong to this sort of item, and then once you know it is valid, then add notes)
}

Also, you are assigning the string to "notes" variable, not the actual array item.

So lets say i had a cars array:

if (!cars[0]) {
   cars[0] = <Car>{};
   cars[0].color = "blue";
}

edited May 16, 2018 at 13:56

answered May 16, 2018 at 13:50

David Anthony Acosta

4,9381 gold badge21 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

How to handle undefined object property in angular 5

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related