/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

0 vote210 views1 answer
Typescript class import csv file
TypeScript
-6 votes245 views4 answers
Whats the internet
TypeScript
0 vote207 views1 answer
How to know if window exists in nodejs
TypeScript
1 vote227 views1 answer
Whats ruby used for
TypeScript
3 votes196 views4 answers
Html collection of elements to array
TypeScript
156 votes310 views6 answers
Javascript capitalize all words
TypeScript
0 vote201 views1 answer
Are remote objects and distributed objects the same
TypeScript
0 vote202 views2 answers
Kotlin get first n elements from list
TypeScript
0 vote195 views1 answer
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreDocument'
TypeScript
3 votes201 views1 answer
Ionic web platform
TypeScript