9

これは、マテリアルのオートコンプリートを含む私の html です。

<ng-container *ngSwitchCase="'autocomplete'">
    <div [ngClass]="(filter.cssClass || 'col-md-4') + ' mt-2 pt-1'">
        <div class="filter-key-label">
            {{filter.columnTitle}}
        </div>
        <div class="filter-form-control d-flex flex-wrap justify-content-left">
        <mat-form-field class="full-width">
            <input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto" ng-model="blah">
            <mat-autocomplete #auto="matAutocomplete">
                <mat-option *ngFor="let option of getOptionsTypeAhead(filter.key) | async" [value]="option" (onSelectionChange)="typeaheadChange($event, filter.key)">
                {{ option }}
                </mat-option>
            </mat-autocomplete>
            </mat-form-field>
        </div>
    </div>
</ng-container>

現在、選択の変更のみを検出できonSelectionChangeますが、フィールドが最初に空であるかどうか、またはアイテムを選択して削除した後に何も選択せずに入力フィールドからフォーカスを移したかどうかは検出されません。

どうすればそれを検出できますか?

を試してみonkeypressましng-changeたがng-model(使い方がよくわかりませんでした)、change何も機能しませんでした。ライブラリによってすでに提供されている何らかの規定がありますか?それとも変更と入力フィールド値を検出しますか?

4

1 に答える 1