mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
fix(input): remove old clearInput code and clean up UI, added onChange calls
references #6514
This commit is contained in:
@@ -7,24 +7,24 @@
|
||||
<form [ngFormModel]="loginForm" #mf="ngForm" novalidate>
|
||||
|
||||
<ion-list>
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label floating>Email</ion-label>
|
||||
<ion-input [(ngModel)]="login.email" ngControl="email" type="email" required></ion-input>
|
||||
<ion-input clearInput [(ngModel)]="login.email" ngControl="email" type="email" required></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label floating>Username</ion-label>
|
||||
<ion-input [(ngModel)]="login.username" ngControl="username"></ion-input>
|
||||
<ion-input clearInput [(ngModel)]="login.username" ngControl="username"></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label>Password</ion-label>
|
||||
<ion-input [(ngModel)]="login.password" ngControl="password" type="password" required></ion-input>
|
||||
<ion-input clearInput [(ngModel)]="login.password" ngControl="password" type="password" required></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label>Comments</ion-label>
|
||||
<ion-textarea [(ngModel)]="login.comments" ngControl="comments" required>Comment value</ion-textarea>
|
||||
<ion-textarea clearInput [(ngModel)]="login.comments" ngControl="comments" required>Comment value</ion-textarea>
|
||||
</ion-item>
|
||||
|
||||
<div padding-left padding-right>
|
||||
@@ -43,15 +43,15 @@
|
||||
|
||||
<form (ngSubmit)="submit($event, user)" #lf="ngForm">
|
||||
<ion-list>
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label floating>Username</ion-label>
|
||||
<ion-input [(ngModel)]="user.username" ngControl="username" required></ion-input>
|
||||
</ion-item>
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label floating>Password</ion-label>
|
||||
<ion-input type="password" [(ngModel)]="user.password" ngControl="password" required></ion-input>
|
||||
</ion-item>
|
||||
<div padding-left padding-right clearInput>
|
||||
<div padding-left padding-right>
|
||||
<button block type="submit">Login</button>
|
||||
</div>
|
||||
<div padding-left>
|
||||
@@ -64,22 +64,22 @@
|
||||
</form>
|
||||
|
||||
<ion-list>
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label>Email</ion-label>
|
||||
<ion-input type="email" required></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label>Username</ion-label>
|
||||
<ion-input></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label>Password</ion-label>
|
||||
<ion-input type="password" required></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item clearInput>
|
||||
<ion-item>
|
||||
<ion-label>Comments</ion-label>
|
||||
<ion-textarea required>Comment value</ion-textarea>
|
||||
</ion-item>
|
||||
|
||||
Reference in New Issue
Block a user