angular2 / javascript中的动态变量

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