/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

8 votes96 views1 answer
How to divide a list into sublists python
TypeScript
0 vote105 views1 answer
Asciidots helloworld
TypeScript
1 vote110 views1 answer
Type 'CameraOriginal' is not assignable to type 'Provider'.
TypeScript
1 vote106 views1 answer
Whats ruby used for
TypeScript
1 vote99 views2 answers
Verify if object is of a certain type type in typescript
TypeScript
0 vote96 views1 answer
Mat-nav-list' is not a known element angular 9
TypeScript
0 vote110 views1 answer
Execute script when c# code gets executed
TypeScript
0 vote98 views1 answer
Angular modal dismisss
TypeScript
0 vote106 views2 answers
When we dont have to show data of child but change in child should be displayed in parent automatically
TypeScript
0 vote97 views2 answers
Object map of the http parameters mutually exclusive with fromString
TypeScript