/TypeScript/Add class to element angular in ts

Add class to element angular in ts

Angualr add class to component

@Component({
   selector: 'app-your-component',
   templateUrl: './your-component.component.html',,
   host: {'class': 'your-class'}
})
export class YourComponent implements OnInit {
...
}

Add class to element angular in ts

type one

[class.my-class]="step === 'step1'"
type two

[ngClass]="{'my-class': step === 'step1'}"
and multiple option:

[ngClass]="{'my-class': step === 'step1', 'my-class2':step === 'step2' }"
type three

[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"
type four

[ngClass]="(step=='step1')?'my-class1':'my-class2'"

Source: stackoverflow.com

Similar codes

7 votes247 views5 answers
Cannot be loaded because running scripts is disabled on this system vscode
TypeScript
15 votes270 views3 answers
Can't bind to 'formGroup' since it isn't a known property of 'form
TypeScript
1 vote233 views1 answer
Execute only one test spec with angular-cli (ng test)
TypeScript
1 vote188 views1 answer
Adonis validator exists
TypeScript
7 votes188 views3 answers
C# System.InvalidOperationException: 'session not created: This version of ChromeDriver only supports Chrome version 85 (SessionNotCreated)'
TypeScript
1 vote188 views1 answer
Json to object typescript
TypeScript
4 votes194 views3 answers
Date time format typescript
TypeScript
0 vote232 views1 answer
Nativescript routerextensions navigate
TypeScript
1 vote154 views1 answer
Why is a tree set sorted
TypeScript
0 vote209 views1 answer
Casting objects in flutter or dart
TypeScript