Stack Overflow
Stack Overflow

Questions tagged [mat-autocomplete]

Autocomplete component for Angular Material. Use for this Material for angular 2+ (i.e., `@angular/material/autocomplete`).

https://material.angular.io/components/autocomplete

144 questions
0
votes
1 answer

Angular Material Autocomplete Rounded Corners

I am using Angular Material Autocomplete to do my search. I would like to format the corners to look more rounded, however I am having some issues with that. The first 2 pictures are what I'd like it to be and the last 2 pictures are my attempt. My…
A.Mac
  • 203
  • 3
  • 19
0
votes
0 answers

Angular mat-autocomplete not showing dropdown options

I am using an autocomplete so that an option can be selected. The dropdownlist previously worked however that is no longer the case. I am no longer seeing the options. I displayed the options in a div and I am seeing where the options are indeed…
A.Mac
  • 203
  • 3
  • 19
0
votes
0 answers

Angular autocomplete, keep the list open after selecting one for multiple selections

I've been working trying to do an autocomplete dropdown. It's fairly similar as this one : https://material.angular.io/components/chips/overview#chips-autocomplete However, as on the demo, it's really clunky when you need to select multiple, you…
Skysenzz
  • 151
  • 1
  • 1
  • 5
0
votes
0 answers

When I edit form I got 3 different value in console.log but same value showing in textbox using mat autocomplete in angular 7

when I edit my form I got 3 three different values in the console. But in textbox shows the same value. I am using mat autocomplete and creating a dynamic textbox. [1]: https://i.stack.imgur.com/3cbsC.png for (let i=0,j=1,k=0; i <…
Zeba
  • 1
  • 1
0
votes
1 answer

Mat Autocomplete shows [object object] in the dropdown before the selection

Used {{option.name}} but throws error TS2339: Property 'name' does not exist on type 'string'. I have also tried changing the value, currently I have {option} in the list so the object is displayed, all other things like filter, selection, and on…
rakesh_shetty
  • 1
0
votes
1 answer

Make second mat-autocomplete update with filtered data

I've got an Angular Material table with a DataSource set, and am using Material Table Filter to filter the data. Instead of regular inputs, I've got a couple material autocompletes that populate their options from a source of unique values from the…
hego64
  • 345
  • 1
  • 5
  • 17
0
votes
1 answer

Set initial value in Mat-Autocomplete formArray

I have a formArray that's a list where you can add, edit and delete. Everything works fine but I would like to set the initial value for the first two itmes. It works fine for the input value but my mat-autocomplete is not populating correctly. here…
Flash
  • 924
  • 3
  • 22
  • 44
0
votes
1 answer

Infinite scroll in mat-autocomplete angular 11

Please don't mark it as duplicate I'm new in angular material design and I have a problem with mat-autocomplete. I have multiple Mat-Autocomplete in FormArray of FromGroup. On keyup in the input field, it's getting data from API calls and filled the…
neilnikkunilesh
  • 363
  • 2
  • 13
0
votes
0 answers

Dynamically populate mat-autocomplete dropdown as user types

I am using mat-autocomplete but instead of prepopulating the dropdown I would like to wait until the user types soemthing then call a backend service to pupulate it. here is the example I was trying to work off of. My thought process was to add a…
Flash
  • 924
  • 3
  • 22
  • 44
0
votes
1 answer

How to update mat-autocomplete options from another component?

I have two components called Employee and Form in my application. There are 2 mat-autocomplete: State and City lists in EmployeeComponent. I fill and pass these mat-autocomplete controls to the FormComponent using "formData" parameter: Employee…
Jack
  • 1
  • 21
  • 118
  • 236
0
votes
1 answer

mat-autocomplete panel opening on form load in Angular

The first autocomplete control's selection panel is opened when I open modal dialog and I am trying to close the panel as shown below: html:
Jack
  • 1
  • 21
  • 118
  • 236
0
votes
3 answers

Angular Material simple mat-autocomplete not working

I've spent over 3 days on this issue and I don't know what to do anymore. I tried to set up a minimal working example in stackblitz but there it works perfectly. I have a simple mat-autocomplete inside a reactive form, code straight out of the…
Johnny Beltran
  • 701
  • 2
  • 8
  • 22
0
votes
1 answer

Using angular form ControlValueAccessor and mat-autocomplete

I have a problem that perhaps someone have encountered before..
Mackelito
  • 4,213
  • 5
  • 39
  • 78
0
votes
0 answers

Mat Autocomplete do not closes when mat stepper changes programmatic

I have a mat autocomplete which triggers a function on optionSelected() …
Hareesh
  • 6,770
  • 4
  • 33
  • 60
1 2 3
…
9 10