Typescript variable to style Angular 2

Question

I would like to pass typescript variable to style, I dont know if it's possible, there is code:

<tr *ngFor="let app of data">
    <div class="progress_bar" style="width: {{app.applicationProgress}}%;"></div>
</tr>

My app.applicationProgress is set(checked)

JSON Derulo · Accepted Answer · 2017-08-11 08:28:58Z

8

Use the ngStyle directive. Documentation

Updated code:

<div class="progress_bar" [ngStyle]="{'width': app.applicationProgress + '%'}"></div>

answered Aug 11, 2017 at 8:28

JSON Derulo

18.8k11 gold badges61 silver badges82 bronze badges

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

1 Answer 1