mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
dba0ece0bb
Closes #3161
26 lines
995 B
HTML
26 lines
995 B
HTML
<p>Slide Toggle using a simple NgModel.</p>
|
|
|
|
<md-slide-toggle [(ngModel)]="isChecked">Slide Toggle Checked: {{ isChecked }}</md-slide-toggle>
|
|
|
|
<p>Slide Toggle inside of a Template-driven form</p>
|
|
|
|
<form class="example-form" #form="ngForm" (ngSubmit)="onFormSubmit(form.value)" ngNativeValidate>
|
|
|
|
<md-slide-toggle ngModel name="enableWifi">Enable Wifi</md-slide-toggle>
|
|
<md-slide-toggle ngModel name="acceptTerms" required>Accept Terms of Service</md-slide-toggle>
|
|
|
|
<button md-raised-button type="submit">Save Settings</button>
|
|
</form>
|
|
|
|
<p>Slide Toggle inside of a Reactive form</p>
|
|
|
|
<form class="example-form" [formGroup]="formGroup" (ngSubmit)="onFormSubmit(formGroup.value)" ngNativeValidate>
|
|
|
|
<md-slide-toggle formControlName="enableWifi">Enable Wifi</md-slide-toggle>
|
|
<md-slide-toggle formControlName="acceptTerms">Accept Terms of Service</md-slide-toggle>
|
|
|
|
<p>Form Group Status: {{ formGroup.status}}</p>
|
|
|
|
<button md-rasied-button type="submit">Save Settings</button>
|
|
</form>
|