Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/479.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angular2/javascript中的动态变量_Javascript_Angular - Fatal编程技术网

angular2/javascript中的动态变量

angular2/javascript中的动态变量,javascript,angular,Javascript,Angular,我在一个页面上有多个下载按钮,每次下载都有一个进度条: <progress-bar *ngIf="progressbar" [progress]="loadProgress_id1"></progress-bar> <progress-bar *ngIf="progressbar" [progress]="loadProgress_id2"></progress-bar> 我试过的(上面的)不起作用。我怎样才能做到这一点?或者我应该使用不同的方法

我在一个页面上有多个下载按钮,每次下载都有一个进度条:

<progress-bar *ngIf="progressbar" [progress]="loadProgress_id1"></progress-bar>
<progress-bar *ngIf="progressbar" [progress]="loadProgress_id2"></progress-bar>
我试过的(上面的)不起作用。我怎样才能做到这一点?或者我应该使用不同的方法吗?

试试这个

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


有什么理由数组不能用于此目的吗

//Html

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

this['loadProgress'+id]=
setpercentage(perc,id) {
    const prop = 'loadProgress_' + id;
    this[prop] = ...
}
<progress-bar 
  *ngFor="let progress of progressBars" 
  [progress]="progress"
></progress-bar>
progressBars: number[] = [0,0];

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