Невозможно добавить директиву ngModel к автозаполнению углового материала - PullRequest
Новая
       11

Невозможно добавить директиву ngModel к автозаполнению углового материала

0 голосов
/ 30 сентября 2018

Я хочу добавить поле автозаполнения на страницу в моем угловом приложении.

Я добавил ниже в своем шаблоне. 

<mat-form-field class="example-full-width">
    <input matInput placeholder="Pick one" [(ngModel)]="entity.type" [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
        <mat-option *ngFor="let option of options" [value]="option">
            {{option}}
        </mat-option>
    </mat-autocomplete>
</mat-form-field>

Но я получаю следующую ошибку при переходе кстраницы.

ОШИБКА Ошибка: более чем один пользовательский метод доступа к значению сопоставляет элемент управления формы с неопределенным атрибутом имени

Ошибка исчезает, если я удаляю директиву [(ngModel)]="entity.type" из шаблона.

В чем причина этой ошибки?Есть ли способ, как я могу это исправить?

Вот блик стека для этой проблемы.Ошибка отображается в консоли, которую можно открыть в правой нижней части страницы.

1 Ответ

0 голосов
/ 01 октября 2018

Нашел проблему.Это было вызвано TrimValueAccessorModule , который я использовал в приложении.Когда я удаляю модуль, проблема исправляется.

Я могу исключить автозаполнение из TrimValueAccessorModule, используя следующее имя класса в теге input, чтобы я мог исправить проблему, не удаляя полностью TrimValueAccessorModule.

class="ng-trim-ignore"
...