Stack Overflow
Stack Overflow

Questions tagged [mat-select]

For questions about the form control element for Angular Material. When using this tag also include the more generic [angular-material] and [angular] tags where possible.

154 questions
0
votes
1 answer

Angular Dropdown not Rendering

Seems im having another issue of data not displaying for my mat-select on Muscle Group Name, even though my API call is pulling the database to my component. Im sure whatever i am missing is probably pretty simple so hopefully someone can spot…
djbears32
  • 11
  • 9
0
votes
1 answer

Show extra values in mat option when panel is open

{{i.viewValue}}{{i.viewValue2}} I would like to show additional values in mat option row and hide that additional…
noiissyboy
  • 61
  • 2
  • 5
0
votes
1 answer

How to bind select options to a JSON object using Angular?

I am attempting to build a web application that has a dropdown menu of industries. This is what my current list looks like: None
Geordeaux
  • 11
  • 1
  • 3
-1
votes
1 answer

Angular mat-option with multiple values and show only one value when mat-option selected

Let's say I have this static object allAccount = [ { name: 'All Accounts', amount: 140853.47}, { name: 'Credit Card ',amount: '-455.15' }, ]; and I have mat-option interface with two values, name and amount. …
Hena fufa
  • 59
  • 3
-1
votes
1 answer

Angular2 select form not capturing value

I'm using Angular 14 trying to create a select form reading the options from an array in my component. The select options are correctly populated, but when I send the form, the selected option value is not being sent. It just keep it empty. Any…
Joao Ortega
  • 3
  • 2
-1
votes
1 answer

Angular=How to edit mat-option?

I am working on a mat-select,. There I have added an edit button(icon) where I want to add a function that, when a user clicks the edit button they will be able to edit the option name. So far, I was able to keep the mat-option drop-down open when…
user18067747
  • 19
  • 1
  • 6
-1
votes
1 answer

mat-select multiselect option click only on checkbox

I want to create a dropdown which has my mat-option with multiselect and have radio buttons on each mat-option. The problem that I am facing is I cannot ideally click on radio buttons. On clicking on any option the radio gets selected automatically…
Shephali Srivastava
  • 1
-1
votes
2 answers

Mat-selection-list with close icon baseed on objects

Am trying to create a UI like below based on the following data data ={Parent1:[child1,child2],Parent2:[child3,child4]} Is it possible to make this UI from mat-selection-list? OR any other one available And also need to know how to iterate above…
arj
  • 887
  • 1
  • 15
  • 37
-1
votes
1 answer

Angular - How to populate the empty input field when the dropdrown is selected

I'm trying to create the DropdownBox that will populate input fields once I selected the value, { name:'Arnold', item:'Laptop' } The dropdown contains the Name once I selected "Arnold" it will populate the other empty textbox with "Laptop". How do…
Yan
  • 149
  • 1
  • 9
-1
votes
1 answer

Event in (selectionChange) returns error Cannot read properties of undefined (reading 'value')

I have built a mat-select that looks like this in the template: {{…
user10114552
-1
votes
1 answer

Angular - mat-select inside mat-table - Show selected drop down value

Requirement: I want to get the selected value printed in browser console when I click on the Save icon on each row. Here is my example. https://stackblitz.com/edit/angular-isif36-uokotq?file=app/select-value-binding-example.html Problem 1: When I…
SK.
  • 1,390
  • 2
  • 28
  • 59
-1
votes
1 answer

What to use instead of ngModel?

I wrote this component.html: Genre --
user16405471
  • 61
  • 1
  • 7
-1
votes
1 answer

How to hide Mat Multi Select Dropdown on Clicking the custom Button

I am using Mat MultiSelect Dropdown When I am selecting the CheckBoxes When I am clicking on Apply it stays shown until I click on somewhere else in the window. How can I hide this dropdown on Click
Hafiz Muhammad Atif
  • 59
  • 11
-1
votes
3 answers

selectionChange in mat-select not working Angular 13

I have created a mat-select with selectionChange event but when the value is changed the event is not fired. html file
Navneesh Saini
  • 1
  • 1
  • 6
-1
votes
1 answer

Condition for submit button and selected items from a mat-select Angular Material

I want to send some data from a form but, before that, the user who is filling in the form MUST fill in all the fields. Two of those fields are with mat-select and the idea is that the "Submit" button is not enabled until there is an element in…
Aragorn8806
  • 17
  • 10
1 2 3
…
10
11