如何在离子2中制作表格

我想尝试离子/角度2,我无法弄清楚如何创建一个表单.我怎样才能做到这一点？

首先,让我们假设一个创建登录表单的简单案例.

形成:

(输入)用户名

(输入密码

(按钮)登录

你的.html文件:

        

            
                Username
                
            

            
                Password
                
            

            

                Login
            
        

在.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: , password:  }
    event.preventDefault();
  }

}

参考