Ich benutze Ionic 2 und auf meiner App erstelle ich ein Formular, wo, wenn es einen Validierungsfehler gibt, ein Informationssymbol erscheinen auf der rechten Seite des entsprechenden Eingabefeldes. Der HTML-Code lautetIonic 2 - Ich kann kein Ionen-Symbol in einem Ion-Element mit Ionen-Eingang hinzufügen
<ion-list inset padding>
<ion-item>
<ion-input type="text" placeholder="Email"></ion-input>
<ion-icon name="ios-information-circle-outline" item-right></ion-icon>
</ion-item>
</ion-list>
Das funktioniert einwandfrei. Aber wenn ich ein * ngIf auf ion-icon
anschließe, verschwindet es von der ui. Hier ist ein Beispiel, in dem ich * ngIf auf true eingestellt habe, um zu sehen, ob es funktioniert. Das Symbol wird nicht angezeigt.
<ion-list inset padding>
<ion-item>
<ion-input type="text" placeholder="Email"></ion-input>
<ion-icon name="ios-information-circle-outline" item-right *ngIf="true"></ion-icon>
</ion-item>
</ion-list>
Wenn die <ion-input>
aus obigem Beispiel entfernt wird, die <ion-icon>
zeigt.
Ist dies eine Einschränkung in Ionic 2? Wie füge ich ein Symbol in einem ion-item
hinzu, das eine ion-input
enthält?
, wenn Sie eine Grenzfarbe fügen Sie den Unterschied –
Sie es Arbeit 100% danken sehen konnte –