Questions tagged [ion-select]

67 questions
2
votes
0 answers

initialize ion-select with data from a JSON in IONIC

I am trying to fill a ion-select in IONIC from data that i get from my backend at the start of the application. This is the JSON i recive: [{"codRole":15,"codEvent":43},{"codRole":15,"codEvent":45}] And this is the ion-select: [ The code: import…
Julio Jimenez
  • 21
  • 1
  • 4
2
votes
1 answer

android device hardware back button issue

I am working in ionic when i install application in android device the hardware back button was not working, after some R & D i got solution to register back button i have done it. but my problem is when select option popover is open and i press…
gaurang
  • 2,217
  • 2
  • 22
  • 44
1
vote
1 answer

Impossible to select value cypress ionic ion-select

I have an Ionic angular app with an ion-select and ion-select-options. I am trying to write cypress test to click on ion-select-options, but it's impossible. It seems that cypress "click" but popover remains visible. HAs someone already had this…
Ludovic
  • 194
  • 1
  • 8
1
vote
3 answers

How to close ion-select programmatically

In my ionic react app, I am using IonSelect in a form. I need to close the IonSelect dropdown programmatically inside a hardware back button event listener call when the dropdown is open. Here is the code export const SingleSelection: React.FC = ()…
1
vote
1 answer

how to get callback on selecting/clicking an option in ionic-select-option

ionic verison : 6.12.3 ionic-angular: Female male I tried giving…
1
vote
0 answers

How to trigger the DOM inside ion-select that uses *NgFor on the first try with ionChange event from a previous ion-segment value

I'm trying to narrow down the options on sub-category based on the selected value on a category. I am using an (ionChange) function that filters the array based on the category it's selected. when I console log, the sub_category array indeed narrows…
skassi
  • 79
  • 8
1
vote
1 answer

ion-select (multiple) not working with array of objects using compareWith property

I am facing issue with ion-select(array objects) (multiple select). Two items are already selected on page load, but when you open the drop-down, none of the items are checked. Here is stackblitz link to reproduce this…
1
vote
0 answers

create cascading dropdown on selecting node value from nested json using reactive form

I am looking for a way to show dependent dropdowns using reactive form with the help of dynamic Json. Below is my main input json: JsonObj = { 'Desktop': { 'pwdevices': { 'pwsize': 777, 'pwtype':…
God Father
  • 11
  • 2
1
vote
0 answers

How can we remove caret sign from drop down in ion-select.I don't want to show any icon.Only text should be shown

I want to remove that default caret sign.I don't want to show any icon.I have html and .ts files.I am using ionic 4 and angular 7.I only want to display "select" label with no caret button along with it. Here is my code:- Home.html…
sunakshi
  • 31
  • 5
1
vote
2 answers

Ionic 4: How to pre select values in an ion-select component

I am developing an Ionic 4 app. I need to pass data from a list of users to a form in order to modify some attributes of this particular user. I passed the data from the list (the user) to an other page containing the form. I saved this data in…
1
vote
1 answer

How to count no of selected item and display in label

I am using IONIC3. And I have one ion-select with multiple. Now whatever I am selecting that is showing in comma separated value. But I want to display in this format like if 2 are selected then it should show '2 of 6 Selected'
ananya
  • 1,001
  • 6
  • 33
  • 50
1
vote
1 answer

How to get value of a ion-select ? My value only appear when I click on the field

I develop a mobile application with ionic and I have a problem with the ion-select tag. The ion-select value does not seems to load UNTIL I click on it. Etat intervention…
1
vote
0 answers

ionic ion-select-option don't display in dynamic json

I use ionic ion-select and ion-select-option, if json file is static, it shows ok, but if the json result is from http, it doesn't display well. If I use angular material select, its always works. MWS ={ MWSTA:[{ TB004: '188', TB005: '999',…
percinor
  • 227
  • 1
  • 2
  • 11
1
vote
0 answers

Apply PICKER FORMAT on ION-SELECT

Want the to display the options same like . Like the pickerFormat. I studied both the links from the IONIC documentation. ion-datetime ion-select but didn't find any solution that how can I apply the pickerFormat styling…
Team Dev
  • 11
  • 3
1
vote
2 answers

Ionic 3 - ion-select not able to see values of select option

I am working on select option menus. I am not able to see values on drop down selection. I don't know what am I doing wrong. Please go through below code once 1. HTML
Flutterian
  • 1,761
  • 1
  • 21
  • 47