Questions tagged [ion-select]
67 questions
17
votes
6 answers
Ionic3/Angular Error: Must supply a value for form control with name: 'jobStatus'
I have a Modal Form with the following code in the template markup
6
votes
2 answers
Ionic change text displayed on ion-select when an option is selected
I don't know if you get the idea. What I want to do is having an ion-select with option, and when user selects, for example, "Albania (+355)" and press OK button, in the select will only be displayed "+355" instead of "Albania…
Bryan Arreola
- 197
- 1
- 6
- 22
3
votes
2 answers
How to get select event from ion-select-option in Ionic 4?
I need to implement a “select all” option for an Ionic 4 select list. However, I didn't find a way to fire a (click) or similar event from ion-select-option or ion-select. Any suggestions? Note that solutions for Ionic 3 don't necessarily work vor…
Roman Volkov
- 389
- 1
- 3
- 8
3
votes
2 answers
How to reset Ion-Select form field in Ionic 3?
I want to present an option to allow user to clear the ion-select form field if they decided to not select an option after already selecting, but I'm having a hard time finding anything to help out.
…
Stephen Romero
- 2,812
- 4
- 25
- 48
3
votes
1 answer
unable to change text color in ion-option when interface="popover"
I am using ion-select for selecting an option and i want to change the text color of ion-option. My code is as below...
gaurang
- 2,217
- 2
- 22
- 44
2
votes
0 answers
How to create dropdown component with search box in ionic framework with react typescript?
Is there any way to customize IonSelect component, or to create some custom component which contains search box inside (on top of) it?
There is one ionic component IonSelectable for angular and this is exactly what I need in react typescript as…
nemostyle
- 794
- 4
- 11
- 32
2
votes
1 answer
How to check a select box option in Ionic framework from the controller using Angular 8+?
I have a FormGroup as follow :
public form = this.fb.group({
name: ['', [Validators.minLength(3), Validators.required]],
category: ['', [Validators.required]],
start_date: ['', [Validators.required]],
end_date: ['',…
JpRules123
- 21
- 1
2
votes
5 answers
how to set value dynamically default value in ion-select-option
I'm using Ionic 4.
I want to show a default value in ion-select-option.
Option's values come from the server.
API works all values show but on click of ion-select.
But I want to show the default value.
I have already initialized…
Unnati Patadia
- 662
- 3
- 19
- 39
2
votes
2 answers
Ionic 4 - ion-select does not scroll to selected item in alert
I'm using ionic 4.7.0.
The problem I'm reporting happens on Chrome and Firefox.
Actual Behaviour:
Using ion-select with a big list of options, when you open the alert, ion-select does not automatically scroll to the selected value. The user sees the…
Tonio
- 4,082
- 4
- 35
- 60
2
votes
1 answer
Ion-select not showing on browser
I tried to create an ion-select to select one place for showing more information.
So I created the following code:
Place
…
KreLou
- 115
- 1
- 2
- 10
2
votes
4 answers
How to change default styles of ion-select in ionic 4 ( .select-placeholder,.select-icon..etc . elements under the #shadow-root)
I am new to ionic. I am Stuck with ion-select styling, How can I change default styles of ion-select in ionic 4? I'm not able to change it by overwriting CSS.
like this
.select-placeholder {
color: black;
opacity: 1;
}
imkp93
- 21
- 1
- 3
2
votes
1 answer
How to set default selected value of multiple options(ion-select)
I am trying to have certain pre-selected values in myion-select checkbox, but I was unable to find any answers. The values I want pre-selected have the value in my object as checked=true.
private totalPPE:any = [
{id:…
Stephen Romero
- 2,812
- 4
- 25
- 48
2
votes
1 answer
Ionic - How to show custom buttons defined in [selectOptions] on ion-select?
I am trying to define custom buttons on an ion-select by passing in options in the [selectOptions] like this:
HTML:
Otziii
- 2,304
- 1
- 25
- 34
2
votes
1 answer
How to get all the information of the item from the ion select?
I load a list of items from the Firestore and put them in the ion select, the problem is that as each item has an id I need to get the id of the selection.
This is my code to get the items in the controller.
this.MesasColeccion =…
Xavier Duvan Melo
- 320
- 2
- 14
2
votes
2 answers
Ionic 3 & Angular 4 : generate ion-select from 2 loops in view
I'm trying to generate multiple ion-select from an array in my view.
Explain :
I've an array like this :
this.childrenTags = [
[
{ 'id_tag': 1, 'label': 'test-1' }
],
[
{ 'id_tag': 1, 'label': 'test-1' },
{…
sKuD sKuD
- 61
- 7