Ionic-framework: v2 Eingabe von Text/Nummer rechts im Formular

Kurze Beschreibung des Problems:

Funktionsanforderung: Möglichkeit, eine Eingabe (Text / Zahl) in einem Formular rechtsbündig auszurichten, damit das Formular besser aussieht, wenn es auch einen Umschalter hat

Welches Verhalten erwartest du?

Möchte ein Attribut - zB item-right , um an Ionen-Input zu arbeiten

Schritte zum Reproduzieren:

Ein Umschalter in einem Formular haben - erscheint rechts mit Label auf der linken Seite

 <ion-row>
                        <ion-col>
                            <ion-item no-lines>
                                <ion-label secondary>Published</ion-label>
                                <ion-toggle [(ngModel)]="published" toggle></ion-toggle>
                            </ion-item>
                        </ion-col>
</ion-row>

ABER wenn du sowas machst

                    <ion-row>
                        <ion-col>
                            <ion-item no-lines>
                                <ion-label>City</ion-label>
                                <ion-input [(ngModel)]="city" ngControl="city"
                                           maxlength="10"
                                           type="text"></ion-input>
                            </ion-item>
                        </ion-col>
                    </ion-row>

Dann erscheint die Eingabe direkt rechts neben dem Etikett.

Ich möchte, dass das Hinzufügen von item-right zum Verschieben der Eingabe rechtsbündig an der rechten Kante ist

                    <ion-row>
                        <ion-col>
                            <ion-item no-lines>
                                <ion-label secondary>City</ion-label>
                                <ion-input item-right [(ngModel)]="city" ngControl="city"
                                           maxlength="10"
                                           type="text"></ion-input>
                            </ion-item>
                        </ion-col>
                    </ion-row>

Ionische Version : 1.x / 2.x

2

Browser & Betriebssystem : iOS / Android / Chrome

Chrome (in Entwicklung)