/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 vote144 views1 answer
Type 'CameraOriginal' is not assignable to type 'Provider'.
TypeScript
7 votes200 views3 answers
Module was compiled with an incompatible version of kotlin. the binary version of its metadata is 1.5.1, expected version is 1.1.16.
TypeScript
1 vote143 views2 answers
What are the benefits of linux
TypeScript
0 vote150 views1 answer
Minimum requirements to start it company
TypeScript
0 vote127 views1 answer
Print all objects linked list python
TypeScript
0 vote143 views1 answer
Disable pdf download button in iframe in angular 10
TypeScript
0 vote230 views1 answer
Swift check if file exists in bundle swift
TypeScript
61 votes323 views6 answers
Ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
1 vote137 views2 answers
Css inputs outofill color
TypeScript
1 vote147 views1 answer
Nodejs terminate the worker thread
TypeScript