/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 vote221 views1 answer
Uncheck all checkboxes typescript
TypeScript
1 vote253 views1 answer
Typescript how to add a property to an object
TypeScript
0 vote242 views1 answer
How to separate elements in list python
TypeScript
0 vote239 views1 answer
An unhandled exception occurred: Schematic "Module" not found in collection "@schematics/angular".
TypeScript
2 votes214 views2 answers
Mat dialog
TypeScript
1 vote203 views1 answer
Moving data between the request
TypeScript
0 vote220 views1 answer
Typeorm where in example
TypeScript
0 vote241 views1 answer
Count number of elements in multi-dimensional array python
TypeScript
4 votes220 views2 answers
Ionic 3 alert css custom
TypeScript
0 vote238 views1 answer
Web.contents timeout
TypeScript