0
145
Vistasmat-autocompletar no me permite seleccionar
Acabo de copiar el código exacto del ejemplo superior de aquíhttps://v7.material.angular.io/components/autocomplete/examples
El problema es que cuando selecciono algo haciendo clic en él en la lista, no aparece en el cuadro de la parte superior. Esperaría que se basara en cómo funcionó en su ejemplo. Cuando hago clic en el elemento, muestra la animación de clic, pero en realidad no se selecciona nada.
Me sale este error en la consola. mat-form-field debe contener un MatFormFieldControl.
Aquí está mi código. estoy usando angular v13
import { Component, OnInit } from '@angular/core'; import {FormControl} from "@angular/forms"; @Component({ selector: 'app-autocomplete-display-example', templateUrl: './autocomplete-display-example.component.html', styleUrls: ['./autocomplete-display-example.component.css'] }) export class AutocompleteDisplayExampleComponent{ myControl = new FormControl(); options: string[] = ['One', 'Two', 'Three']; } <form class="example-form"> <mat-form-field class="example-full-width"> <input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto"> <mat-autocomplete #auto="matAutocomplete"> <mat-option *ngFor="let option of options" [value]="option"> {{option}} </mat-option> </mat-autocomplete> </mat-form-field> </form>
·
Santiago Trujillo
1 Respuestas
Responde la pregunta0
Creo que necesita importar: MatAutocompleteModule y MatInputModule desde material angular. Además, necesita importar ReactiveFormsModule
·
Santiago Trujillo
Denunciar
Responde la pregunta