Angular 2 enum with ngClass

user_3120232 0
Viewed 4616

Hello I am trying to use a conditional class with an enum. I have used enums in html before with ngSwitchCase and have the same error that I'm getting now. When I would add a property called that enum and assign it to that enum it would work.

working example:

                    <ng-container *ngFor="let column of columns" [ngSwitch]="column.dataType">
                    <td *ngSwitchCase="DataType.Text">{{getPropertyValue(row,column.propertyName)}}</td>
                    <td *ngSwitchCase="DataType.Date">date</td>
                    <td *ngSwitchCase="DataType.Number">number</td>
                    <td *ngSwitchDefault>default</td>
                </ng-container>

ts

private DataType = DataType;

not working:

            <span *ngClass="(column.sortType === SortType.Ascending)? 'privilege-grid-sortasc': (column.sortType === SortType.Descending)?'privilege-grid-sortdesc':'privilege-grid-sortnone'"></span>

I also have tried [ngClass] ="{'class-name': var === enum,...}"

ts

   private SortType = SortType;

error message:

Cannot read property 'Ascending' of undefined

angular enums html
2 Answers

I think your problem must lie somewhere else. I recreated your scenario using the [ngClass] binding with an enum and it works fine for me:

[ngClass] ="{'class-name': var === enum,...}"

Is your template in the second case on a separate .html file and not in the first case? I've had problems where a private variable on my component file can't be read by the template file.

user_45226080
Related