动态变量

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(); 
}