2016-07-14 10 views
0

hinzufügen Wie Symbole mit NativeScript einem Textfeld hinzufügen, wie Sie auf dem Bild sehen kann: hereIcons auf ein TextField- NativeScript

Mein xhtml Code:

<StackLayout> 
<Image src="res://logo_login" stretch="none" horizontalAlignment="center"></Image> 

<TextField #username class="input" hint="GEBRUIKERSNAAM" [(ngModel)]="user.username" autocorrect="false" 
autocapitalizationType="none"></TextField> 
<TextField #password class="input" hint="PASWOORD" secure="true" [(ngModel)]="user.password"></TextField> 

<Button class="btn btn-primary btn-login icon" text="\e912 INLOGGEN" (tap)="login()"></Button> 

<button class="btn btn-forgot-pass" text="PASWOORD VERGETEN?" (tap)="forgotpass()"></button> 

+1

Sind Sie sicher, dass das Bild war? Auch Ihr XHTML nicht wie XHTML aussieht. Es ist nicht sogar wohlgeformte xml. –

+0

versuchen Sie mit Icon-Fonts wie hier beschrieben https://docs.nativescript.org/angular/ui/icon-fonts.html –

Antwort

1

Check-out-Symbol Schriftarten für NativeScript:

https://docs.nativescript.org/ui/icon-fonts

"... Befolgen Sie die Anweisungen auf der Webseite für die Symbolschrift, um die Hexadezimalcodes jedes Zeichensatzes, d. H. Das Symbol, zu bestimmen. Fügen Sie Ihrer NativeScript-Anwendung eine Label-Komponente hinzu und binden Sie die text-Eigenschaft des Labels an eine aus einem Buchstaben bestehende Zeichenfolge, die aus dem Zeichencode des anzuzeigenden Symbols generiert wird, z. B. String.fromCharCode (0xe903).

...“

Ich glaube, das ist, was Sie zu tun versuchen.