İyonik bir form oluşturma

Question

İyonik/açısal 2'yi denemek istiyorum ve bir formun nasıl oluşturulacağını çözemiyorum. Bunu nasıl yapabilirim?

Answer 1

Başlamak için, bir giriş formu oluşturmanın basit bir örneğini varsayalım.

• formu:

  • (giriş) adı

  • (giriş) şifre

  • (düğme) giriş

Sizin .html dosyası: .js dosyasında

 <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> 

:

yeryüzünde

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