Dynamic variables in angular2 / javascript

Question

I have multiple download buttons on a page, with a progress bar for each download:

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

...

I have a function that sets the progress:

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

What I've tried (the above) doesn't work. How could I achieve this? Or should I use a different approach?

this['loadProgress' + id] =

yurzui
– yurzui

2017-04-22 11:43:46 +00:00
Commented Apr 22, 2017 at 11:43 — yurzui
– yurzui, Commented Apr 22, 2017 at 11:43

Tiep Phan · Accepted Answer · 2017-04-22 11:54:29Z

1

try this

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

or

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

answered Apr 22, 2017 at 11:54

Tiep Phan

12.6k3 gold badges40 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jess · Accepted Answer · 2017-04-22 12:13:53Z

1

Is there any reason an array wouldn't work for this?

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

answered Apr 22, 2017 at 12:13

Jess

907 bronze badges

Collectives™ on Stack Overflow

Dynamic variables in angular2 / javascript

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related