Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

620
Views
Material angular: mat-select dejó de funcionar sin razón aparente

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:

  1. Usando [(valor)] en lugar de [(ngModel)]. No hizo ninguna diferencia.
  2. Verificando que mi matriz type_dropdown esté realmente poblada. Lo registró en la consola e imprimió toda la matriz en etiquetas p (con el mismo ciclo ngFor) y funciona, incluso cambiando junto con el valor de entrada de texto (graph1_query) según lo previsto.
  3. Incluso reemplacé mat-select con un ejemplo simple de mat-select pero incluso esto no muestra ninguna opción.
 <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. Comprobación de la compatibilidad de Angular y Angular Material
    angular/núcleo : 12.2.2
    angular/material : 12.2.2
    También probé las versiones de material 11.2.13 y 12.2.5
  2. Usando el atributo de marcador de posición
  3. Compruebe si MatSelectModule se ha importado en el archivo del módulo de la aplicación. Tengo otros componentes de selección de tapete que funcionan con un código similar.

ACTUALIZACIÓN: Funciona perfectamente bien con selección nativa. ¿Cuáles podrían ser los problemas con mat-select?

over 4 years ago · Santiago Trujillo
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!