javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(text-input): change to after content checked to get the value

Browse Source 
references #710
This commit is contained in:
Brandy Carney
2015-12-17 19:26:02 -05:00
parent 7c1b89f369
commit 24c3b3d787
3 changed files with 42 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ionic/components/text-input/test/form-inputs/index.ts
View File

@ -16,11 +16,16 @@ class E2EApp {
this.login = {}; this.login = {};
this.user = {
username: 'asdf',
password: '82'
};
this.submitted = false; this.submitted = false;
} }
submit(ev) { submit(ev, value) {
console.log("Submitted", this.loginForm.value); console.log("Submitted", value);
this.submitted = true; this.submitted = true;
} }

36
ionic/components/text-input/test/form-inputs/main.html
View File

@ -4,7 +4,7 @@
<ion-content> <ion-content>
<form (ng-submit)="submit($event)" [ngFormModel]="loginForm" #mf="ngForm" novalidate> <form [ngFormModel]="loginForm" #mf="ngForm" novalidate>
<ion-list> <ion-list>
<ion-input> <ion-input>
@ -36,16 +36,10 @@
<textarea [(ngModel)]="login.comments" ngControl="comments" placeholder="Required" required>Comment value</textarea> <textarea [(ngModel)]="login.comments" ngControl="comments" placeholder="Required" required>Comment value</textarea>
</ion-input> </ion-input>
<ion-item [hidden]="submitted == false || mf.form.valid"> <div padding-left padding-right>
<p danger>Form is Invalid</p> <button block (click)="submit($event, login)">Login</button>
</ion-item>
</ion-list>
<div padding>
<button block type="submit">Login</button>
</div> </div>
<div padding-left>
<div [hidden]="submitted == false" padding-left>
<b>Valid form?:</b> {{ mf.form.valid }}<br> <b>Valid form?:</b> {{ mf.form.valid }}<br>
<b>Submitted form?:</b> {{ submitted }}<br> <b>Submitted form?:</b> {{ submitted }}<br>
<b>Email:</b> {{ login.email }}<br> <b>Email:</b> {{ login.email }}<br>
@ -53,7 +47,29 @@
<b>Password:</b> {{ login.password }}<br> <b>Password:</b> {{ login.password }}<br>
<b>Comments:</b> {{ login.comments }} <b>Comments:</b> {{ login.comments }}
</div> </div>
</ion-list>
</form>
<form (ngSubmit)="submit($event, user)" #lf="ngForm">
<ion-list>
<ion-input floating-label>
<ion-label>Username</ion-label>
<input type="text" [(ngModel)]="user.username" ngControl="username" required>
</ion-input>
<ion-input floating-label>
<ion-label>Password</ion-label>
<input type="password" [(ngModel)]="user.password" ngControl="password" required>
</ion-input>
<div padding-left padding-right>
<button block type="submit">Login</button>
</div>
<div padding-left>
<b>Valid form?:</b> {{ lf.form.valid }}<br>
<b>Submitted form?:</b> {{ submitted }}<br>
<b>Username:</b> {{ user.username }}<br>
<b>Password:</b> {{ user.password }}<br>
</div>
</ion-list>
</form> </form>
</ion-content> </ion-content>

3
ionic/components/text-input/text-input.ts
View File

@ -490,7 +490,8 @@ export class TextInputElement {
if (ngControl) this.ngControl = ngControl; if (ngControl) this.ngControl = ngControl;
} }
ngOnInit() { ngAfterContentChecked() {
console.log("Value", this.ngControl.value);
if (this.ngControl) this.value = this.ngControl.value; if (this.ngControl) this.value = this.ngControl.value;
this.wrapper && this.wrapper.hasValue(this.value); this.wrapper && this.wrapper.hasValue(this.value);
} }