動態變量

Question

我有一個頁面上的多個下載按鈕，爲每個下載進度條：

<progress-bar *ngIf="progressbar" [progress]="loadProgress_id1"></progress-bar> 
<progress-bar *ngIf="progressbar" [progress]="loadProgress_id2"></progress-bar> 

...

我有一個設置進度的功能：

setpercentage(perc,id) { 
    this.loadProgress_+id = Math.round(perc); // --> how could I do this? 
    this.ref.detectChanges(); 
} 

我試過的（上面的）不起作用。我怎麼能做到這一點？或者我應該使用不同的方法？

Answer 1

試試這個

setpercentage(perc,id) { 
    this['loadProgress_' + id] = .... 
} 

或

setpercentage(perc,id) { 
    const prop = 'loadProgress_' + id; 
    this[prop] = ... 
} 

Answer 2

沒有任何理由的數組不會爲這方面的工作？

//的Html

<progress-bar 
    *ngFor="let progress of progressBars" 
    [progress]="progress" 
></progress-bar> 

// TS

progressBars: number[] = [0,0]; 

setpercentage(perc,id) { 
    this.progressBars[id] = Math.round(perc); 
    this.ref.detectChanges(); 
}