Ionique 2: Entrée avec l'Icône de l'Étiquette

Il y a de très belle entrée-exemples dans le Ionic2 de la documentation, mais quelqu'un a essayé de créer une étiquette classique (non flottant ou presque) avec une entrée ET une icône à la gauche de l'étiquette?

J'ai pensé qu'il pourrait aller comme ça:

<ion-item>
        <ion-icon name="logo-playstation"></ion-icon>
        <ion-label>PSN</ion-label>
        <ion-input clearInput type="text"></ion-input>
</ion-item>

mais l'Icône n'est pas apper. Dois-je utiliser un <div> pour qui ou comment feriez-vous/avez-vous le faire?

InformationsquelleAutor cherry-wave | 2017-02-03
  1. 39

    Vous devez utiliser ion-icône de l'intérieur ion-étiquette

    <ion-item>        
        <ion-label> <ion-icon name="logo-playstation"></ion-icon> PSN</ion-label>
        <ion-input clearInput type="text"></ion-input>
</ion-item>
    • Ressemble beaucoup comme ça! Merci =)
    InformationsquelleAutor AishApp
  2. 1

    J'ai dû utiliser une icône et l'élément d'entrée dans des champs séparés d'une ligne.. dans un tableau.. au sein d'un ion-col.. et au sein d'un ion-ligne.

        <ion-row>
        <ion-col col-auto>
            <table>
                <tr>
                    <td>
                        <ion-icon name="logo-playstation"></ion-icon>
                    </td>
                    <td>
                        <ion-input clearInput type="text"></ion-input>
                    </td>
                </tr>
            </table>
        </ion-col>
     </ion-row>
    InformationsquelleAutor Johnathan J.