For questions about the
Questions tagged [mat-select]
154 questions
1
vote
1 answer
Reduce height of material option in Angular
I want to reduce height of options inside 'mat-select'
{{ option | time }}
…
Irakli Tulashvili
- 27
- 3
1
vote
1 answer
ngIf condition on mat-option is not getting executed
I have 2 mat-options.
1 for loading items from backend and another to display None.
…
Swati Rai
- 15
- 3
1
vote
1 answer
How to create a mat-table with a checkbox and a label in the same column?
I'm using Angular Material and I would like my first column to have a checkbox as well as the value of my name-property. I dont need this column to be sticky. I appreciate any ideas for this.
Under the following link you can find my stackblitz…
rugma ramachandran
- 17
- 5
1
vote
1 answer
I created a dropdown usingwith search option for list,When I clicks on space button in searchBox it is automatically selecting a list item
Description : I created a dropdown list using which contains list of items and one search field in the list. So that user can search the items in a list instead of scrolling through big list in drop down menu. And can select the items in the…
lava
- 13
- 2
1
vote
1 answer
How to flip Angular Material Select panel side to make sure it stays inside the screen
I have a mat-select inside my site's main navbar. It contains a list of currencies and is positioned at the right of the navbar. Since I strictly want to display the currency abbreviation (ex: USD) in my navbar, but want to display a flag icon,…
MiniG34
- 312
- 2
- 12
1
vote
1 answer
Filter dropdown values to remove already selected values
Im trying to create a logic to filter values in one of three dropdowns in an Angular form based on the previous selections.
Scenario:
There are 3 dropdowns X, Y and Z
options in X : Juice, Milkshake
options in Y : Medium sugar, Regular
options in Z…
Phoenix
- 285
- 9
- 28
1
vote
1 answer
mat-select with mat-option using multiple attribute with search bar is unselecting the previously selected value
[Searching for a name and selected the value] (https://i.stack.imgur.com/a7qHi.png)
cleared search bar and searched for a new one, previously selected value got removed
I am using angular material for dropdown(select), I am using this mat-select…
Charger-Ang
- 21
- 6
1
vote
1 answer
How do I select an option from a mat-select?
I have what looks like a dropdown menu, but it is a mat-select.
I get an error when my test hits this element which says Element should have been select but was mat-select.
This is the element public DropdownSelect FormDropdown =>…
DarthOpto
- 1,640
- 7
- 32
- 59
1
vote
1 answer
Mat Select option cant get data
I have this code where i can view the options but cant get the value when selecting it, it just shows blank. I can only view the status options.. Can anyone know how to fix the problem?
HTML File
…
Xen
- 105
- 9
1
vote
1 answer
Angular Material - How to customise style of selected option
I am working on an Angular application using the Angular Material library.
component.html
{{ option.name }}
Ayam Chan
- 75
- 7
1
vote
0 answers
Angular : mat select search with infinite scroll not patching record after selecting
https://stackblitz.com/edit/mat-select-search-with-infinity-scroll-4fgygy?file=src%2Fapp%2Fapp.module.ts
In this mat select search and infinite scroll is used but if I search the data and clicked it will automatically getting reset (eg. Option 142…
Gem
- 513
- 2
- 6
- 17
1
vote
1 answer
I have an error with dropdown of mat-select. I get the values from the database but I cannot display it in the dropdown
I have an error with dropdown of mat-select. I get the values from the database but I cannot display it in the dropdown. It doesn't display any error, it gives me 2 values as the number of elements I have in my array but in the dropdown they are…
BThtml
- 13
- 4
1
vote
1 answer
Angular cascading mat-select dropdowns
I am trying to make a mat-select cascading dropdown list.
The problem is that when I click on the "Country" dropdown and select an option, it does not appear as selected so I can't even test the whole cascading…
LeGujan
- 23
- 2
- 5
1
vote
0 answers
mat-select-filter error TypeError: Cannot read properties of undefined (reading 'unsubscribe') at MatSelectFilterComponent.ngOnDestroy
I am using mat-select for dropdown. Where the options are coming from an api.
Company
Rittika Dev
- 48
- 2
- 6
1
vote
1 answer
How to apply style to angular mat-select selected value
I am trying to make a custom mat-select style. So far I made everything except the span that shows the selected value. I am talking about mat-select-min-line and mat-select-value-text elements.
This is what I have done for now
This is what I have…
Josip Maričević
- 189
- 3
- 18