ionic-team / ionic-team/ionic-framework

feat: Add 'picker' interface for ion-select component

Ouverte
#20,317 1 commentaire 14 réactions 0 personnes assignées Voir sur GitHub
package: core type: feature request
Langage dominant
TypeScript
Étoiles
52.7k
Forks
13.3k
Merge moyen
1 j 15 h
PR mergées (30 j)
51

Description

# Feature Request

**Ionic version:**

[x] **4.x**
[x] **5.x**

**Describe the Feature Request**

It would be helpful if it were possible to use `ion-picker` as an interface for `ion-select`

**Describe Preferred Solution**

You could add a 4th value: (picker) for 'interface' property of ion-select.
`ion-select-option` could work as options for one-column picker.
If the picker options were in the template it would be easier apply Angular and custom pipes. At the same time, we could name the control to include into a form.

**Related Code**

This is an extract from one of my projects, changing the 'interface' property value:
``` html


{{ maint.start | date: 'shortDate' }} {{ maint.start | date: 'shortTime'}} - {{ maint.end | shortTime }}
Other schedule

```
I would like it to look like this
![image](https://user-images.githubusercontent.com/23505158/73232688-a4b58900-4149-11ea-847a-b8d8a47af9c1.png)

**Additional Context**

I find it hard to imagine how we could pass options for two or more columns, but it would be a great addition too.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start by reading the ion-select and ion-picker component interfaces, focusing on how ion-select currently handles its interface property and how options are supplied. Done means ion-select can use interface="picker", render its ion-select-option children in a picker, and preserve form naming and Angular template bindings.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.