/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/select/select-initial-value/select-initial-value-example.ts
42 строки
1 KB
Michael Small
docs: convert select/sidenav/slidetog/slider/snackb/sort to signals (#33502)
08 июл 2026, 08:14
Не верифицирован
08 июл 2026, 08:14
f4a0915
Код
Авторство
О чём код?
import {Component, signal} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatInputModule} from '@angular/material/input'; import {MatSelectModule} from '@angular/material/select'; import {MatFormFieldModule} from '@angular/material/form-field'; interface Food { value: string; viewValue: string; } interface Car { value: string; viewValue: string; } /** * @title Basic select with initial value and no form */ @Component({ selector: 'select-initial-value-example', templateUrl: 'select-initial-value-example.html', imports: [MatFormFieldModule, MatSelectModule, MatInputModule, FormsModule], }) export class SelectInitialValueExample { foods: Food[] = [ {value: 'steak-0', viewValue: 'Steak'}, {value: 'pizza-1', viewValue: 'Pizza'}, {value: 'tacos-2', viewValue: 'Tacos'}, ]; cars: Car[] = [ {value: 'ford', viewValue: 'Ford'}, {value: 'chevrolet', viewValue: 'Chevrolet'}, {value: 'dodge', viewValue: 'Dodge'}, ]; selectedFood = signal(this.foods[2].value); selectedCar = signal(this.cars[0].value); selectCar(event: Event) { this.selectedCar.set((event.target as HTMLSelectElement).value); } }