我想试试离子/角度2,但我不知道如何创建一个形式。我该怎么做?
发布于 2015-12-26 18:47:12
首先,让我们假设创建登录表单的简单情况。
- (input) username
- (input) password
- (button) login
您的.html文件:
<form [ngFormModel]="loginForm" (submit)="login($event)">
<ion-input stacked-label>
<ion-label>Username</ion-label>
<input type="text" ngControl="username">
</ion-input>
<ion-input stacked-label>
<ion-label>Password</ion-label>
<input type="password" ngControl="password">
</ion-input>
<div padding>
<button block type="submit" [disabled]="!loginForm.valid">Login</button>
</div>
</form>在您的.js文件中:
import {FormBuilder, Validators} from 'angular2/common';
export class LoginPage {
constructor(form: FormBuilder) {
// Create a new form group
this.loginForm = form.group({ // name should match [ngFormModel] in your html
username: ["", Validators.required], // Setting fields as required
password: ["", Validators.required]
}
// This is called on form submit
login(event) {
console.log(this.loginForm.value) // {username: <usename>, password: <password> }
event.preventDefault();
}
}Reference
https://stackoverflow.com/questions/34123976
复制相似问题