Autocomplete component for Angular Material. Use for this Material for angular 2+ (i.e., `@angular/material/autocomplete`).
Questions tagged [mat-autocomplete]
144 questions
0
votes
0 answers
matautocomplete panel is causing alignment issues with other fields
Issue is occurring in a SharePoint online UI page which is developed using angular integrated with SPFx.
There is a matautocomplete panel field and its having values overlapped with other fields as shown in picture.
Please suggest any solution as i…
Aswathi Hareesh
- 1
- 1
0
votes
0 answers
z-index : 9999 doesn't work in modal with autocomplete Angular v.15 and Bootstrap v.5
I'm working with Angular v.15 and Bootstrap v.5, but I have a problem with a modal and with a mat-autocomplete
here is my HTML:
…
snuz
- 185
- 12
0
votes
1 answer
Initialize the mat-autocomplete option with all the data
Autocomplete works fine when I started entering keys on the formcontrol but I wanted it to be initialized with all the data so that when I CLICKED the formcontrol (without entering keys yet) the options will show all the data. Right now all courses…
mynameisx
- 221
- 3
- 16
0
votes
0 answers
Unable to Use mat-complete Control in Angular Material
I have an Angular project and I am trying to add a material autocomplete control to an input field in a form.
Added the import statement to the app.module.ts and a file named material.module.ts like this:
import { MatAutocompleteModule } from…
Njhasty
- 39
- 4
0
votes
0 answers
Disable input of mat-autocomplete
I need to programmatically disable the input of a mat-autocomplete. I dont mean to disable the autocomplete functionality, I mean to disable the input.
Here my template:
Jmainol
- 357
- 4
- 18
0
votes
2 answers
How to disable mat-autocomplete on formBuilder?
I am trying to create a form in which once an option is selected in the first field, this selection gives the options of the second field, which is a mat-autocomplete, also when value from the mat-autocomplete is selected, it is filled with …
AdamWist
- 318
- 2
- 13
0
votes
0 answers
Autocomplete options not properly updating on user input - Angular 14
My problem is that I am updating options for a autocomplete input field based off the user's input. If the user has typed at least three characters in the textbox and the user hasn't typed in the last half second, I'll make an API call based off the…
noname
- 95
- 6
0
votes
2 answers
Angular async autocomplete filtering without http request?
I'm trying to create a users async autocomplete as following:
this.users = this.usersService.getUsers()
Iñigo
- 1,877
- 7
- 25
- 55
0
votes
0 answers
How to set a default mat-option value on hover when a mat-autocomplete-panel is opened?
In Angular 14, I'm using the mat-autocomplete component from Material.
When an option has been selected, if the user click on the autocomplete input again, the drop-down list of all available options shows up again but the selected option is not on…
Bravo2bad
- 530
- 1
- 7
- 25
0
votes
3 answers
mat-autocomplete options not able to find property
I am try to do autocomplete using this code.
Now, the issue is I receiving option as [object objecct], I understood that's because I need to specify the field like option.name but when I do getting does not exist error. To check I options empty or…
nyla L
- 57
- 6
0
votes
2 answers
Mat-autocomplete is not working in ngOnInit(), Map() is not working
HTML-
I'm trying to use Mat-autocomplete but its not working on very first time when component gets loaded i.e in ngOnInit(), Its saying cannot read properties of null (reading 'map')
…
Neeti Jain
- 67
- 4
0
votes
1 answer
Unable to patchValue matAutocomplete Angular
I need your help. I'm working with reactive forms and using matautocomplete to search for elements. I subscribe to changes in my input to search for my items. The fact is that I need to insert a certain value into my input using patchValue. I try to…
Dmitry Chernyak
- 295
- 3
- 12
0
votes
1 answer
mat-autocomplete selected mat-option pass multiple values from selectedItem
I have a mat-autocomplete that loads table data that is in JSON format and currently maps a single JSON value as the selected "value" when the user selects an item from the autocomplete.
In addition to this value, I also need to pass some other…
js-newb
- 421
- 6
- 16
0
votes
2 answers
ngModelChange value undefined when passed to function
I am using Angular autocomplete which I have connected to an API. Search results should not be returned until after typing has started. After typing a few letters in the box this error comes up in the…
A.Mac
- 203
- 3
- 19
0
votes
1 answer
Angular mat-autocomplete disable input FormControl not working
I am working on a custom components library, and we have a custom autocomplete component with chips. I want to be able to disable the input control when the disabled property in config object is true. I tried to do that in ngOnInit, but it didn't…
user08
- 695
- 3
- 8
- 25