Angular2: Cannot read property ‘name’ of undefined

by

The variable selectedHero is null in the template so you cannot bind selectedHero.name as is. You need to use the elvis operator ?. for this case:

<input [ngModel]="selectedHero?.name" (ngModelChange)="selectedHero.name = $event" />

The separation of the [(ngModel)] into [ngModel] and (ngModelChange) is also needed because you can’t assign to an expression that uses the elvis operator.

I also think you mean to use:

<h2>{{selectedHero?.name}} details!</h2>

instead of:

<h2>{{hero.name}} details!</h2>

More Related Contents:

  1. Angular HTML binding
  2. angular2: Error: TypeError: Cannot read property ‘…’ 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. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  26. Behaviour subject initial value null?
  27. How to reset form validation on submission of the form in ANGULAR 2
  28. @angular/material/index.d.ts’ is not a module
  29. What is pipe for in RxJS?
  30. How to generate components in a specific folder with Angular CLI?

Leave a Comment