Make Angular ignore errors in template

Question

I am using ngFor to create a list of items. In production, my app had a bug and stopped the list at an item that caused an exception during the execution of my template.

<div *ngFor="let foo of foos">
    <p>{{foo.this.attribute.doesnt.exist}}</p>
</div>

Is there a way to enable a production mode, in which Angular simply skips this list entry? I prefer to have a list not being present in the list rather than breaking it mid-way and destroying the layout.

What exceptions are you referring to? If they're all just missing attribute exceptions then Oussail's answer is probably your best bet. — RobertAKARobin
– RobertAKARobin, Commented Aug 9, 2021 at 14:41
do not put your business in your HTML code! then you will be just worrying about some basic errors like undefined objects that could handle by the "?" operator as @Oussail said. — Mazdak
– Mazdak, Commented Aug 9, 2021 at 15:44

Oussail · Accepted Answer · 2021-08-09 13:37:11Z

2

Yes, You can add the sign ? to the properties which you don't know if they are defined or not.

Example :

<div *ngFor="let foo of foos">
    <p>{{foo?.this?.attribute?.doesnt?.exist}}</p>
</div>

edited Aug 9, 2021 at 13:37

answered Aug 9, 2021 at 13:31

Oussail

2,30813 silver badges24 bronze badges

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

1 Comment

HelloWorld Over a year ago

Thanks! That's really helpful, but foo?.this?.attribute?.doesnt?.exist was just an example. Sometimes there is a variety of possible other errors. Is there another way to make this work for all types of exceptions?

Collectives™ on Stack Overflow

Make Angular ignore errors in template

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related