角2 * ngforは、順次HTTP要求応答で更新されません。

Question

空の配列があり、行と呼ばれ、* ngForで表示します。配列の各行に、httpリクエストからの応答を渡します。すべてのhttp要求は順次呼び出されます。配列が正しく供給されても、* ngForは決して更新されません。私は要求応答を受け取った時点で各行を順次表示したいと思う。

<div class="row" > 
    <my-rows 
     *ngFor="let row of rows | keys; trackBy: trackByFn; let index = index" 
     [month]='row.value' 
     [title]='row.key'> 
    </my-rows> 
</div> 

getRerports(url: string, dates: any, id: any){ 
    let params = new URLSearchParams() 
    params.set('company_id',id) 
    params.set('date',dates[0]) 
    this.authHttp.get(this._getReportsUrl,{search:params}) 
     .subscribe(
      data=>{ 
       let formatedDate = moment(data.json().date,'YYYY-MM-DD').format('MMMM YYYY') 
       this.rows[formatedDate] = data.json() 
       dates.splice(0,1) 
       this.flag = false 
       if(dates.length>0){ 
        this.getRerports(this._getReportsUrl,dates, id) 
       }else{ 
        this.flag=true 
       } 
      }, 
      err=> console.log(err) 
     ) 
} 

trackByFn(index:any, item:any) { 
    return index; 
} 

Answer 1

使用ChangeDetectorRefビューが更新されていない場合。

constructor(private ref: ChangeDetectorRef) 

配列を更新するときにthis.ref.detectChanges（）を使用します。

Answer 2

私は行の配列にオブジェクトを提供し、代わりに

this.rows[formatedDate] = data.json() 

の私は、この使用しまし方法を変更しようとしまし：

let object = {key:formatedDate, value: data.json()} 
       this.rows.push(object) 

をし、うまく動作するようです。 問題は配列の初期化にありました。