/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 vote256 views1 answer
Type script tuple type
TypeScript
0 vote264 views1 answer
Check runnong ports ubuntu
TypeScript
0 vote286 views1 answer
Void main() { testWidgets('Counter increments smoke test', (WidgetTester tester) async { // Build our app and trigger a frame. await tester.pumpWidget(MyApp());
TypeScript
0 vote288 views1 answer
How to align text inside an li to its center
TypeScript
0 vote264 views1 answer
Keynote Invite multiple users to make edits to the same document:
TypeScript
0 vote279 views1 answer
How to update objects in locall storage
TypeScript
0 vote290 views1 answer
Hide elements in 2s jquery
TypeScript
0 vote287 views1 answer
Localhost magento 2 installation redirects to the live server
TypeScript
0 vote283 views1 answer
Electron WebContents context-menu
TypeScript
0 vote320 views1 answer
Multicolor points in one legend entry python
TypeScript