how to loop class name by *ngFor using angular10

Question

columnClass: string[] = ['name', 'email', 'phn', 'city', 'state', '', 'w-40'];

<td *ngFor="let col of columnClass" class="pr-20 {{col}}">

string[] is in one component.ts and html is in another component.html

Answer 1

You need to bind to the class to use variables inside of it.

<td *ngFor="let col of columnClass" class="pr-20" [class]="col">