Не удается прочитать 'имя' свойства изотропных Angular2 JSON

Question

Я получил этот код в AppComponent:

getPlanetsToView(page){ 
    let pageToView = page*10 + 10; 

    for(var i=0; i<pageToView; i++){ 
    this.planetsToView.push(this.planets.planets[i]); 
    } 

} 

ngOnInit() { 
    this.http.get('app/planets.json').subscribe(res => { 
    this.planets = res.json(); 
    console.log(this.planets); 
    this.getPlanetsToView(0); 
    }); 

И у меня есть это в шаблоне:

{{planetsToView[0].name | json}} 

У меня проблема: Photo

Когда я попытался с {{planetsToView [0] | json}} он работает, но содержит и другие свойства.

Answer 1

Может быть эта проблема:

В то время ваш компонент инициализируется ваш JSON еще не загружен в this.planets потому что вызов http.get является асинхронным. Вы можете попробовать это в шаблоне: (Обратите внимание на , который добавляется?)

{{planetsToView[0]?.name | json}} 

? называется оператором elivs и используется для защиты от неопределенных ссылок в виде шаблонов. Читайте больше здесь: