Angular 2 - Kann nicht Eigentum '0' undefinierten Fehler liest

Question

ich meine JSON-Datei von dieser URL abrufen [http://www.bcetupes.info/wp-json/wp/v2/posts?page=1&_embed]

In meiner Vorlage, ich habe diesen Code

<p *ngFor="let news of newsObj"> 
     {{news._embedded["wp:featuredmedia"][0]['id']}} 
    </p> 

Das Problem ist, dass in meinem Die JSON-Datei "wp: featuredmedia" kann fehlen. Ich habe mehrere Dinge ausprobiert, zum Beispiel {{news._embedded.featuredmedia? [0] ?. id}}, aber ich weiß nicht, wie ich dieses Problem in der Vorlage beheben kann.

Ich muss testen, ob „wp: featuredmedia“ in meinem Objekt existiert ...

Answer 1

Sie müssen sicherstellen, dass das Objekt, das Sie den Zugriff vorhanden ist, bevor Sie darauf zugreifen, oder Sie werden einen Laufzeitfehler auftreten. Hier ist ein Weg, um es mit *ngIf:

<p *ngFor="let news of newsObj"> 
    <span *ngIf="news._embedded["wp:featuredmedia"] !== undefined"> 
    {{news._embedded["wp:featuredmedia"][0]['id']}} 
    </span> 
</p>