/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 vote115 views1 answer
Socket.io typescript
TypeScript
2 votes135 views2 answers
React native elements button with icon
TypeScript
3 votes147 views3 answers
How to view documents folder simulator swift
TypeScript
0 vote132 views1 answer
Copy text from file to another file in javascript with fs
TypeScript
3 votes119 views1 answer
Angular remove object from array by id
TypeScript
0 vote142 views1 answer
Typescript not supporting scss
TypeScript
12 votes143 views2 answers
Angular No provider for HttpClient
TypeScript
0 vote125 views1 answer
Object is possibly 'null'. 20 *ngIf="!signupForm.get('email').valid && signupForm.get('email')!.touched "
TypeScript
0 vote131 views1 answer
Running same tests against different data
TypeScript
0 vote139 views1 answer
Objects all django what is returned
TypeScript