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