/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 vote150 views1 answer
How to concate a string to all elements in a list in python
TypeScript
0 vote180 views1 answer
Directory. Relative imports outside of src/ are not supported.
TypeScript
0 vote144 views1 answer
Array with objects read element with the lowest value
TypeScript
0 vote141 views10 answers
Eval)free robux 200000
TypeScript
1 vote152 views2 answers
Angular module build
TypeScript
0 vote146 views1 answer
Typescript globalThis
TypeScript
2 votes131 views1 answer
What is the purpose of interrupts in os
TypeScript
0 vote177 views1 answer
"What do the observed locations of gamma-ray bursts tell us about them?"
TypeScript
0 vote137 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
TypeScript
29 votes145 views6 answers
Bootstrap angular
TypeScript