Some usefull helper pipes for ngClass
@Pipe({ name: 'condition'})export class ONgConditionPipe implements PipeTransform { transform(value: any, condition?: any): any { if (condition != null) { return value; } if (value) { return value; } }}@Pipe({ name: 'default'})export class ONgDefaultPipe implements PipeTransform { transform(value: any, defaultValue?: any): any { return value ?? defaultValue; }}
Example
[ngClass]="[headerClass | default: '', 'cursor-move' | condition: draggable, ('cursor-move2' | condition: draggable) | default: '']"