/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

3 votes179 views1 answer
How to remove an entry from a dictionary python
TypeScript
18 votes201 views1 answer
Lts stands for
TypeScript
0 vote207 views1 answer
Nested slots in vue
TypeScript
2 votes198 views1 answer
.mat-dialog-container
TypeScript
1 vote205 views1 answer
Converting an image to base64 in angular
TypeScript
0 vote196 views1 answer
Join all lists in list python
TypeScript
1 vote235 views1 answer
Ts remainder of Division
TypeScript
1 vote194 views1 answer
Angular typescript set meta data
TypeScript
0 vote212 views1 answer
C code for insrting elements in set
TypeScript
11 votes207 views2 answers
How to read a list in c# once its created
TypeScript