/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 vote249 views1 answer
Bts assurance
TypeScript
1 vote226 views1 answer
Typescript canvas
TypeScript
0 vote250 views2 answers
Typescript one of the array items
TypeScript
0 vote268 views1 answer
Woocommerce change related products tect
TypeScript
1 vote269 views1 answer
Angular reload component on route param change
TypeScript
1 vote262 views1 answer
Github sync local with remote
TypeScript
5 votes314 views3 answers
Jquery id that starts with
TypeScript
-1 vote288 views1 answer
Mysqli_fetch_row() expects parameter 1 to be mysqli_result, boolean given in
TypeScript
26 votes294 views3 answers
Scripts cannot be executed on this system.
TypeScript
2 votes277 views1 answer
Enum usage typescript
TypeScript