>source

mat-select 의 값에 변화가있는 경우 함수를 호출해야합니다 . (click) 에서 해당 함수를 호출했습니다.   mat-option. 에 추가

그러나 키보드를 사용하여 양식을 채우면 함수는 절대로 호출되지 않습니다. 변경 사항에 대해 함수를 호출 할 수있는 방법이 있습니까? onChange, change 이벤트가 작동하지 않는 것 같습니다. 나는 ngModel 가 없다  이 양식 필드에서

업데이트 : selectionChange  단일 선택 드롭 다운에서는 작동하지만 multi-select 에서는 작동하지 않습니다.  드롭 다운 및 mat-autocomplete 이것이 달성 될 수있는 방법이 있습니까? 다중 선택 예 : 멀티- select-stackblitz

업데이트 2 : 여러 자동 완성 작업에 대한 onSelectionChange. 다중 자동 완성

  • 답변 # 1

    여기서 (selectionChange) 를 사용할 수 있습니다  매트 선택시 이벤트.

    예 :

    <mat-form-field>
        <mat-select placeholder="State" (selectionChange)="someMethod($event.value)">
            <mat-option *ngFor="let state of states" [value]="state.value">
                {{ state.viewValue }}
            </mat-option>
        </mat-select>
    </mat-form-field>
    
    

    스택 블리츠 데모 데모

  • 답변 # 2

    selectionChange 재질 선택의 이벤트 이미 터는 사용자가 mat-select 내부에서 옵션을 변경할 때마다 값을 내 보냅니다. , 여기에서 문서를 참조하십시오

    <mat-select placeholder="State" (selectionChange)="someMethod($event.value)">
    </mat-select>
    
    

관련 자료

  • 이전 node.js - 다른 테이블에 동일한 objectID 게시
  • 다음 angular7 : server.component.html을로드하지 못했습니다