/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 vote107 views1 answer
Many plants obtain glucose through the process of ----
TypeScript
-1 vote101 views1 answer
I comparer for lists c#
TypeScript
0 vote138 views1 answer
How to find the index of property in array of object in typescript
TypeScript
4 votes108 views1 answer
Ionic toast
TypeScript
2 votes125 views1 answer
Ion-datetime min date today
TypeScript
0 vote112 views1 answer
Destroy objects when they move below camera unity
TypeScript
0 vote115 views1 answer
Typescript interface to http params
TypeScript
0 vote110 views1 answer
Check already exists from non deleted rows laravel
TypeScript
0 vote120 views1 answer
How to divide 1 dataframe into two based on elements of 1 column
TypeScript
15 votes110 views3 answers
How to check if a variable exists in python
TypeScript