Angular 6 재질 매트 선택 변경 방법 제거

Angular 6 재질 매트 선택 변경 방법 제거

---

Angular Material Design 6에서는 (변경) 방법이 제거되었습니다. 사용자가 선택을 변경할 때 컴포넌트에서 코드를 실행하기 위해 변경 메소드를 대체하는 방법을 찾을 수 없습니다. 감사합니다!

---

에서 change에서 selectionChange.

<mat-select (change)="doSomething($event)">

지금

<mat-select (selectionChange)="doSomething($event)">

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

---

Reactive 양식을 사용하는 경우 선택 컨트롤의 변경 사항을 수신 할 수 있습니다.

this.form.get('mySelectControl').valueChanges.subscribe(value => { ... do stuff ... })

---

나를 (selectionChange)위해 제안 된 (onSelectionChange)것이 작동하지 않았고 ReactiveForms. 내가 한 일은 (valueChange)다음과 같은 이벤트를 사용하는 것입니다.

<mat-select (valueChange)="someFunction()">

그리고 이것은 나를 위해 일했습니다.

---

에 대한:

1) mat-select (selectionChange)="myFunction()"는 다음과 같이 각도로 작동합니다.

sample.component.html

 <mat-select placeholder="Select your option" [(ngModel)]="option" name="action" 
      (selectionChange)="onChange()">
     <mat-option *ngFor="let option of actions" [value]="option">
       {{option}}
     </mat-option>
 </mat-select>

sample.component.ts

actions=['A','B','C'];
onChange() {
  //Do something
}

2) 간단한 HTML 선택 (change)="myFunction()"은 다음과 같이 각도로 작동합니다.

sample.component.html

<select (change)="onChange()" [(ngModel)]="regObj.status">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

sample.component.ts

onChange() {
  //Do something
}

참고 URL : https://stackoverflow.com/questions/50222738/angular-6-material-mat-select-change-method-removed