Угловой материал - 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 работает как задумано.

То, что я нашел до сих пор:

  1. Использование [(значение)] вместо [(ngModel)]. Без разницы.
  2. Проверка того, что мой массив type_dropdown действительно заполнен. Записал его в консоль, а также распечатал весь массив в тегах p (с тем же циклом ngFor), и он работает, даже изменяясь вместе со значением ввода текста (graph1_query), как задумано.
  3. Я даже заменил 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>
  1. Проверка совместимости Angular и Angular Материал
    angular / core: 12.2.2
    angular / material: 12.2.2
    Также пробовали версии материалов 11.2.13 и 12.2.5
  2. Использование атрибута заполнителя
  3. Проверьте, импортирован ли MatSelectModule в файл модуля приложения. У меня есть другие рабочие компоненты mat-select с аналогичным кодом.

ОБНОВЛЕНИЕ: он отлично работает с собственным выбором. Какие могут быть проблемы с mat-select?

0 ответов

Другие вопросы по тегам