/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 vote158 views1 answer
Pass command line arguments C#
TypeScript
1 vote170 views2 answers
Ts-node command compile typescript
TypeScript
0 vote168 views1 answer
Google sheets replace dot with comma
TypeScript
0 vote193 views1 answer
Python shuffle two lists together
TypeScript
0 vote256 views1 answer
Request exceeded the limit of 10 internal redirects due to probable configuration error
TypeScript
1 vote180 views1 answer
Wordpress have_posts not working
TypeScript
3 votes159 views3 answers
E.target.value typescript
TypeScript
-1 vote159 views1 answer
2d array of strings and ints python
TypeScript
4 votes171 views2 answers
Cannot find module '../../images/home.svg' or its corresponding type declarations
TypeScript
0 vote164 views1 answer
The softness of a spot lights edge is controlled by penumbra angle, value gives perfect hard edge:
TypeScript