角度2配列は "undefined"となります

Question

ここに状況があります。

私は自分のデータベースから数値を取得しようとしていますが、Array（）に数値を入れるたびに、定義されていません。

私はHTMLで表示することができますが、配列の中で数字を取得することはできません。

これはなぜ起こっているのでしょうか？

import { Component, OnInit } from '@angular/core'; 
 
import { DomSanitizer, SafeResourceUrl, SafeUrl, SafeHtml } from '@angular/platform-browser'; 
 
import { ActivatedRoute } from '@angular/router'; 
 
import { RealEstatePhotography } from '../real-estate-photography'; 
 
import { RealEstatePhotographyService } from '../real-estate-photography.service'; 
 

 
@Component({ 
 
    selector: 'app-real-estate-photography-detail', 
 
    templateUrl: './real-estate-photography-detail.component.html', 
 
    styleUrls: ['./real-estate-photography-detail.component.css'], 
 
    providers: [RealEstatePhotographyService], 
 
}) 
 

 
export class RealEstatePhotographyDetailComponent implements OnInit { 
 

 

 
realEstate; 
 
amount 
 
photos = Array(this.amount) 
 

 
    constructor(private route: ActivatedRoute, private _realEstatePhotographyService: RealEstatePhotographyService, private sanitizer: DomSanitizer) {} 
 

 

 
    ngOnInit(){ 
 
    this.route.params.subscribe(params => { 
 
     let title = params['title']; 
 
     let realEstate = this._realEstatePhotographyService.getItem(title).subscribe(realEstate => { 
 
     this.realEstate = realEstate; 
 
     this.amount = this.realEstate.amount 
 

 
     }); 
 

 
    }); 
 
} 
 

 
}

Answer 1

額はその時点で定義されていません。毎回photosを更新する必要があります。

export class RealEstatePhotographyDetailComponent implements OnInit { 


realEstate; 
amount: Number; 
photos: Photo[] = []; 

    constructor(private route: ActivatedRoute, private _realEstatePhotographyService: RealEstatePhotographyService, private sanitizer: DomSanitizer) {} 


    ngOnInit(){ 
    this.route.params.subscribe(params => { 
     let title = params['title']; 
     let realEstate = this._realEstatePhotographyService.getItem(title).subscribe(realEstate => { 
     this.realEstate = realEstate; 
     this.amount = this.realEstate.amount; 
     this.photos.push(realEstate.photo); 
     }); 

    }); 
} 

EDIT：

はちょうどあなたが、おそらく、配列のサイズを定義しようとしていることに気づいた - JavaScriptでそれをする必要はありませんが。空の配列として宣言し、必要に応じて写真を押し込みます。