Fehlermeldung mit Angular im Browser, Console
ERROR TypeError: Cannot read property 'title' of undefined
|
Falsche Zeile im Angular Code
<h3> {{ article.title }} </h3> |
Fehler beschreibung:
Es wird versucht etwas in der Angular component.html Seite anzuzeigen, was zur Laufzeit beim ersten Aufruf noch nicht vorhanden ist. Normalerweise tritt das auf, wenn Daten über eine Web-Api noch geholt werden.
Lösung:
Man muss ein ? Fragezeichen hinter die Variable anfügen. Durch das Fragezeichen wird der Wert nur angezeigt, wenn dieser nicht null ist oder eben definiert ist.
<h3> {{ article?.title }} </h3> |
at Object.eval [as updateRenderer] (ReadArticleComponent.html:6) at Object.debugUpdateRenderer [as updateRenderer] (core.js:45294) at checkAndUpdateView (core.js:44277) at callViewAction (core.js:44637) at execComponentViewsAction (core.js:44565) at checkAndUpdateView (core.js:44278) at callViewAction (core.js:44637) at execEmbeddedViewsAction (core.js:44594) at checkAndUpdateView (core.js:44272) at callViewAction (core.js:44637) |