/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 vote240 views1 answer
Create and return a merged list of all the elements in sorted order
TypeScript
1 vote337 views1 answer
NullInjectorError: R3InjectorError(DynamicTestModule)[AdminTestCentersComponent -> ToastrService -> InjectionToken ToastConfig -> InjectionToken ToastConfig]: NullInjectorError: No provider for InjectionToken ToastConfig!
TypeScript
0 vote256 views1 answer
Adding html in typescript
TypeScript
0 vote255 views1 answer
How can i take multiple inputs from the user in discord.js
TypeScript
0 vote257 views1 answer
Adonis route group
TypeScript
4 votes246 views2 answers
Typescript if then shorthand
TypeScript
14 votes271 views2 answers
Upgrade to typescript in react js
TypeScript
1 vote251 views1 answer
Ion select active by button
TypeScript
0 vote240 views1 answer
Sort a list of ints python in descending order
TypeScript
0 vote256 views1 answer
Pptxgenjs bullet
TypeScript