Files
angular__angular/src/material-examples/slide-toggle-forms/slide-toggle-forms-example.html
T
2017-05-30 09:25:03 -07:00

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>