/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

6 votes149 views1 answer
Create react native app typescript ligne command
TypeScript
1 vote158 views1 answer
Python check if attribute exists in class
TypeScript
0 vote131 views1 answer
Classes in ts
TypeScript
1 vote131 views1 answer
Whats the cheapsdt csgo kniofe
TypeScript
0 vote137 views3 answers
Get weights of a layer keras
TypeScript
0 vote191 views3 answers
How to navigate from one page to another in angular
TypeScript
2 votes145 views3 answers
Sum of digits in c++
TypeScript
0 vote166 views1 answer
Requests to check is url exists in python using function
TypeScript
0 vote167 views1 answer
Non-abstract class does not implement inherited abstract member typescript
TypeScript
4 votes92 views6 answers
Laravel html components
TypeScript