/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 vote108 views1 answer
A ball is fired from a sling shot. The initial velocity is 2.25 m/s at 22.5. What are the vertical and horizontal components of the ball's initial velocity as it leaves the sling shot?
TypeScript
1 vote118 views2 answers
Json in typescript
TypeScript
0 vote112 views1 answer
Angular elementref parent
TypeScript
2 votes117 views1 answer
Angular send mailto html
TypeScript
0 vote107 views1 answer
Lite-server cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote110 views1 answer
Get all the ids in an array of objects ts
TypeScript
0 vote111 views1 answer
How to add lists haskell
TypeScript
0 vote108 views1 answer
Test valeurs 2 flottants python
TypeScript
0 vote116 views1 answer
Kingthings tryperwriter fonts premier
TypeScript
4 votes108 views2 answers
Unity rigidbody constraints unfreeze
TypeScript