Угловой материал - mat-select перестал работать без видимых причин
У меня есть компонент выбора матов в одном из моих компонентов следующим образом
<div id="graph-textbox">
<input type="textbox" class="form-control" [(ngModel)]="graph1_query"
placeholder="Search for Entities/Relations"
(keyup)="EnterKeyupChecker('graph-search',$event)"
>
</div>
<div style="padding-right: 5px" class="graph-dropdown">
<mat-form-field appearance="fill" style="width: 100%;">
<mat-label>Select Type</mat-label>
<mat-select [(ngModel)]="graph1_type_query"
(selectionChange)="graph1_subtype_query='';InGraph1Search();"
>
<mat-option value="">None</mat-option>
<mat-option *ngFor="let type of type_dropdown" [value]="type">
{{type}}
</mat-option>
</mat-select>
</mat-form-field>
</div>
Этот mat-select до вчерашнего дня работал отлично, показывая варианты и даже выполняя действия выбора. Когда я сегодня начал работу над своим приложением Angular, оно не показывало никаких параметров, а просто выделяло метку mat, когда я щелкаю по ней. Абсолютно ничего не изменилось в коде.
Значение graph1_type_query равно "" при объявлении в файле .ts и не затрагивается после этого на протяжении всего кода. Значение graph1_query работает как задумано.
То, что я нашел до сих пор:
- Использование [(значение)] вместо [(ngModel)]. Без разницы.
- Проверка того, что мой массив type_dropdown действительно заполнен. Записал его в консоль, а также распечатал весь массив в тегах p (с тем же циклом ngFor), и он работает, даже изменяясь вместе со значением ввода текста (graph1_query), как задумано.
- Я даже заменил mat-select простым примером mat-select, но даже он не показывает никаких опций.
<mat-select [(ngModel)]="graph1_type_query">
<mat-option value="">None</mat-option>
<mat-option value="One">One</mat-option>
<mat-option value="Two">Two</mat-option>
<mat-option value="Three">Three</mat-option>
</mat-select>
- Проверка совместимости Angular и Angular Материал
angular / core: 12.2.2
angular / material: 12.2.2
Также пробовали версии материалов 11.2.13 и 12.2.5 - Использование атрибута заполнителя
- Проверьте, импортирован ли MatSelectModule в файл модуля приложения. У меня есть другие рабочие компоненты mat-select с аналогичным кодом.
ОБНОВЛЕНИЕ: он отлично работает с собственным выбором. Какие могут быть проблемы с mat-select?