angular material - How to get Slide toggle checked status

app.component.html

<h2 style="padding-top:25px; padding-bottom:25px;">
    Angular Material - Get Slide toggle checked status
</h2>


<h3>Checked status : {{slideToggle.checked}}</h3>

<mat-slide-toggle #slideToggle>
  Allow us storage access
</mat-slide-toggle>

app.module.ts [import]

import { MatSlideToggleModule } from '@angular/material/slide-toggle'

More Angular tutorials

• angular material - How to change Divider width
• angular material - How to change Divider thickness
• angular material - How to use indeterminate Progress spinner
• angular - How to use setTimeout()
• angular material - How to change Progress spinner color
• angular material - How to center Progress spinner
• angular material - How to align Tabs
• angular material - How to disable Tabs content animation
• angular material - How to use Slider input event
• angular material - How to use Slide toggle
• angular material - How to change Slide toggle label position
• angular material - How to use Slide toggle change event
• angular material - How to show Badge in a button
• angular material - How to show Badge with icon
• angular material - Badge position before & below after