/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 vote301 views1 answer
Get-dirstats not recognized
TypeScript
0 vote273 views1 answer
(Html.DevExtreme().FileUploader() dialogtrigger example
TypeScript
1 vote289 views1 answer
React setstate in hooks to array of objects value
TypeScript
0 vote280 views1 answer
Local storage in angaulr
TypeScript
0 vote289 views1 answer
Nginx ERR_TOO_MANY_REDIRECTS when i try redirect to https
TypeScript
1 vote299 views1 answer
Running scripts is disabled on this system nodemon
TypeScript
0 vote289 views3 answers
Figma documentation
TypeScript
0 vote261 views1 answer
How to check if all elements are equal C#
TypeScript
3 votes277 views1 answer
Adonis validator optional
TypeScript
4 votes255 views1 answer
Property 'value' does not exist on type 'HTMLElement'.
TypeScript