Я хотел бы вызвать функцию в машинописи при выборе значения с помощью md-select. Какое свойство используется для этой цели в дизайне материалов?

   <md-select placeholder="State">
       <md-option *ngFor="let state of states" [value]="state.code">{{ state.name }}
   </md-option>
44
Karthik Kumar 4 Сен 2017 в 14:38

4 ответа

В качестве альтернативы вы можете просто использовать событие (click) в mat-option. Событие щелчка также запускается, когда уже выбранная опция выбирается снова. (change) или (selectionChange) не будут срабатывать в таком случае.

5
Maurice 30 Сен 2018 в 23:22

Документация о таких вещах очень открыта:

https://material.angular.io/components/select/api

@Output()
change
Event emitted when the selected value has been changed by the user.

<md-select (change)="wasThatSoHard($event)"></md-select>
1
Carsten 4 Сен 2017 в 11:47

Просто добавьте людей, которые используют последнюю версию материала и ищут решение, измените md на mat в ответе, предложенном @Faisal.

<mat-select placeholder="State" (change)="someMethod()">
  <mat-option *ngFor="let state of states" [value]="state.value">
    {{ state.viewValue }}
  </mat-option>
</mat-select>
3
Manoj Kumar Desai 8 Июн 2018 в 06:07

Попробуй это,

HTML

<mat-label>Select a Category</mat-label>
<mat-select formControlName="category" name="category 
         (selectionChange)="onChangeCategory($event)">
    <mat-option *ngFor="let category of categories" [value]="category.value">
            {{category.viewValue}}
    </mat-option>
</mat-select>

Машинопись

onChangeCategory(event) {
    console.log(event.value);
}
0
Shirantha Madusanka 17 Июн 2020 в 16:14