angular2: Error: TypeError: Cannot read property ‘…’ of undefined

by

That’s because abc is undefined at the moment of the template rendering. You can use safe navigation operator (?) to “protect” template until HTTP call is completed:

{{abc?.xyz?.name}}

You can read more about safe navigation operator here.

Update:

Safe navigation operator can’t be used in arrays, you will have to take advantage of NgIf directive to overcome this problem:

<div *ngIf="arr && arr.length > 0">
    {{arr[0].name}}
</div>

Read more about NgIf directive here.

More Related Contents:

  1. Angular HTML binding
  2. Angular2: Cannot read property ‘name’ of undefined
  3. NgFor doesn’t update data with Pipe in Angular2
  4. How can I write data attributes using Angular?
  5. Angular2 multiple router-outlet in the same template
  6. OrderBy pipe issue
  7. Angular 2 Scroll to top on Route Change
  8. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  9. How to instantiate and apply directives programmatically?
  10. Angular 2 Read More Directive
  11. Angular2: How is ngfor expanded
  12. How to add “class” to host element?
  13. vs
  14. Angular2 – Interpolate string with html
  15. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  16. Angular 2 input parameters on root directive [duplicate]
  17. What is let-* in Angular 2 templates?
  18. How to truncate text in Angular2?
  19. Angular 2: How to write a for loop, not a foreach loop
  20. How to detect scroll to bottom of html element
  21. How to check the length of an Observable array
  22. How can I use ngFor to iterate over Typescript Enum as an array of strings
  23. Angular 2 disable sanitize
  24. Why angular 2 ngOnChanges not responding to input array push
  25. Angular 2.0 router not working on reloading the browser
  26. Angular2 table rows as component
  27. Why is ngOnInit called twice?
  28. Angular CDK : attach overlay to a clicked element
  29. Angular 4/5/6 Global Variables
  30. Angular 2 beta – Select not working (except in Chrome)

Leave a Comment