Quantcast
Viewing latest article 26
Browse Latest Browse All 26

Answer by OMANSAK for Angular: conditional class with *ngClass

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: '']"

Viewing latest article 26
Browse Latest Browse All 26

Trending Articles