Tengo un componente mat-select en uno de mis componentes de la siguiente manera
<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>Este mat-select funcionaba perfectamente hasta ayer, mostrando las opciones e incluso realizando las acciones de selección. Cuando comencé a trabajar en mi aplicación Angular hoy, no muestra opciones y solo resalta la etiqueta del tapete cuando hago clic en ella. No se cambió absolutamente nada en el código.
El valor de graph1_type_query es '' en la declaración en el archivo .ts y no se toca después de eso en todo el código. El valor de graph1_query funciona según lo previsto.
Lo que me he encontrado hasta ahora:
<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>ACTUALIZACIÓN: Funciona perfectamente bien con selección nativa. ¿Cuáles podrían ser los problemas con mat-select?