src/components-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.ts - main - githubmirror/components

src/components-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.ts

27 строк902 B

Michael Small

docs: convert select/sidenav/slidetog/slider/snackb/sort to signals (#33502)

08 июл 2026, 08:14

08 июл 2026, 08:14f4a0915

import {Component, inject, signal} from '@angular/core';
import {FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
import {MatSlideToggleModule} from '@angular/material/slide-toggle';

/**
 * @title Slide-toggle with forms
 */
@Component({
  selector: 'slide-toggle-forms-example',
  templateUrl: './slide-toggle-forms-example.html',
  styleUrl: './slide-toggle-forms-example.css',
  imports: [MatSlideToggleModule, FormsModule, MatButtonModule, ReactiveFormsModule],
})
export class SlideToggleFormsExample {
  private _formBuilder = inject(FormBuilder);

  isChecked = signal(true);
  formGroup = this._formBuilder.group({
    enableWifi: '',
    acceptTerms: ['', Validators.requiredTrue],
  });

  alertFormValues(formGroup: FormGroup) {
    alert(JSON.stringify(formGroup.value, null, 2));
  }
}