Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

624
Visualizações
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
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda