Angular 2: ngFor Schleife undefinierter Wert

Question

Ich habe eine einfache *ngFor Schleife und ich kann nicht herausfinden, warum es einen Fehler werfen

<ion-list> 
    <ion-item *ngFor="let comment of [{'employee': 'jeremy lopez', 'desc': 'blah blah blah'}]"> 
    <ion-avatar item-left> 
     <div class="initial-container"> 
     <div class="flex justify-content-center align-items-center"> 
      <div>{{ comment.employee }}</div> 
     </div> 
     </div> 
    </ion-avatar> 
    <p>{{ commment.desc }}</p> 
    </ion-item> 
</ion-list> 

dieser TypeError: Cannot read property 'desc' of undefined einen Fehler wirft, obwohl es klar definiert ist. Als ich die {{ comment.desc }} auf ein paar Zeilen in der DOM bewegen, funktioniert es:

<ion-item *ngFor="let comment of [{'employee': 'jeremy lopez', blah: 'blah blah blah'}]"> 
    <ion-avatar item-left> 
    <div class="initial-container"> 
     <div class="flex justify-content-center align-items-center"> 
     <div>{{ comment.employee | initialFormat }}</div> 
     <p>{{ commment.desc }}</p> 
     </div> 
    </div> 
    </ion-avatar> 
</ion-item> 

, die groß und alle, aber ich muss in der Lage sein comment.desc außerhalb des <div class="initial-container"></div> zuzugreifen.

Kann jemand erklären, was passiert?

Answer 1

commment ist undefined, aber comment ist definiert. Du hast einen Tippfehler.