* ngFor Objekt-Attribut nicht definiert

Question

Ich bin auf Angular 2 ab Angular 1 kommen, und ich kann nicht verstehen, wie ngFor Attribut auf einem Objekt zu verwenden. this.myVar wird nach dem Ergebnis einer HTTP-Anforderung definiert, die das attr-Attribut definiert.

Hier ist mein Code:

# my_page.ts 
import {Page} from 'ionic-angular'; 
import {MyService} from '../../services/my_service'; 

@Page({ 
    templateUrl: 'build/pages/my_page/my_page.html', 
    providers: [MyService] 
}) 


export class MyPage { 
    public myVar; 

    constructor(private myService: MyService) { 
    this.myService.fetch().subscribe(
     data => this.myVar = data 
    ); 
    } 
} 

# my_page.html 
<div *ngFor="#item of myVar.attr"> 
</div> 

Und das ist der Fehler:

EXCEPTION: TypeError: Cannot read property 'attr' of undefined in [myVar.attr in ...]

Thank you!

Answer 1

Da ajax zunächst bebauen wird abgeschlossen myVar einen beliebigen Wert hat nicht darin & während die Expression von ngFor Auswertung, es attr Eigenschaft undefiniert Objekt zuzugreifen versucht. Verwenden Sie [Elvis operator] [1], durch ? hat, wird es zu prüfen, ob Objekt definiert, wenn es dann nur es attr Eigenschaft aus es dann definiert ist, bewerten.

<div *ngFor="let item of myVar?.attr"></div>