/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

1 vote188 views1 answer
Unity lists number of
TypeScript
-1 vote214 views1 answer
Where to put toaster on http service calls typescript
TypeScript
0 vote244 views1 answer
Print file contents in git bash
TypeScript
0 vote212 views1 answer
How to make objects move in roblox studio with a loop
TypeScript
1 vote179 views1 answer
Next api typescript
TypeScript
0 vote176 views1 answer
Sum all elements using each_with_object ruby
TypeScript
1 vote195 views1 answer
Matlab run all tests in folder
TypeScript
0 vote181 views1 answer
Roblox how to weld parts together using script
TypeScript
0 vote175 views1 answer
In order to allow non-dict objects to be serialized set the safe parameter to False.
TypeScript
2 votes203 views1 answer
MySQL cheatsheets pdf download
TypeScript