/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 vote148 views1 answer
Which of the following are elements associated with the html table layout?
TypeScript
0 vote151 views1 answer
How to check if all elements are equal C#
TypeScript
0 vote166 views2 answers
Rails precompile assets production
TypeScript
1 vote154 views1 answer
Pathmatch angular
TypeScript
0 vote149 views1 answer
How to check if folder already exists in google drive python
TypeScript
35 votes168 views3 answers
Python check if directory exists and create
TypeScript
2 votes151 views1 answer
How to link locally installed fonts to css
TypeScript
0 vote150 views1 answer
Give all element in a list starts with string
TypeScript
1 vote145 views1 answer
Can I 'git commit' a file and ignore its content changes?
TypeScript
0 vote149 views1 answer
How to check string array is sorted or not in typescript
TypeScript