/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

1 vote182 views1 answer
Ionic 3 open link external
TypeScript
3 votes178 views1 answer
Angular access page
TypeScript
1 vote213 views1 answer
Typescript event keyCode
TypeScript
-1 vote180 views1 answer
What are the components of the environment? Explain it along with the examples.
TypeScript
0 vote206 views1 answer
Loop trhough list of lists in python and find single elements
TypeScript
0 vote173 views2 answers
Parameter 'event' implicitly has an 'any' type.ts(7006)
TypeScript
0 vote157 views1 answer
Export of name 'matMenu' not found!
TypeScript
1 vote167 views1 answer
Check if a date is before another date in typescript
TypeScript
0 vote187 views1 answer
What is children type in react
TypeScript
0 vote192 views1 answer
How to loop the jquery formData key object in jqueyr
TypeScript