/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 vote235 views2 answers
Localstorage getitem angular
TypeScript
1 vote227 views1 answer
Custom decorator in loopback4
TypeScript
2 votes248 views1 answer
No suitable injection token for parameter 'path' of class 'BaseModel'
TypeScript
6 votes225 views3 answers
Mongodb count based on array of ids
TypeScript
3 votes222 views1 answer
Adonis validator opcional
TypeScript
0 vote236 views1 answer
Mixins with parameters typescript
TypeScript
3 votes256 views2 answers
Cannot find name 'require'. Do you need to install type definitions for node? Try `npm i @types/node` and then add `node` to the types field in your tsconfig.
TypeScript
0 vote214 views1 answer
Where can I find reports of "reports and data" for free reddit quora
TypeScript
1 vote206 views2 answers
.env typescript
TypeScript
0 vote215 views1 answer
How to store image in realtime firebase using angularfire2 and angular 8
TypeScript