/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 vote118 views1 answer
Can we use function overloading and default arguments at same time in c++
TypeScript
0 vote178 views1 answer
React dynamic inputs with id
TypeScript
4 votes120 views3 answers
Find distance between two points in opencv python
TypeScript
0 vote115 views1 answer
On input inset - afetr 5 digits jquery
TypeScript
13 votes109 views5 answers
Useref typescript
TypeScript
0 vote114 views1 answer
HideMyAss VPN review: Tests, FAQ, pros and consthinkmobiles.com › products HideMyAss vpn location test. Test
TypeScript
-1 vote110 views1 answer
Insert if not exists mysql
TypeScript
0 vote108 views1 answer
Typescript dynamic dict
TypeScript
3 votes113 views1 answer
Angular resize window height event
TypeScript
8 votes142 views6 answers
How to make lists in python
TypeScript