0

我已经研究并观看了一些视频，但我的疑问仍然不是很清楚。这可能很简单，但我有困难。如果有人可以帮助我，我将不胜感激。

我有这个登录页面：

<form id="login-form1">
    <ion-list id="login-list2">
      <ion-item id="login-input1">
        <ion-label>
          Email
        </ion-label>
        <ion-input type="email" placeholder=""></ion-input>
      </ion-item>
      <ion-item id="login-input2">
        <ion-label>
          Password
        </ion-label>
        <ion-input type="password" placeholder=""></ion-input>
      </ion-item>
    </ion-list>
    <div class="spacer" style="height:40px;" id="login-spacer1"></div>
    <button id="login-button1" ion-button color="stable" block on-click="goToHome()">
      Log in
    </button>
    <button id="login-button2" ion-button clear color="positive" block href-inappbrowser="/signup">
      Or create an account
    </button>
  </form>

而这个 Ts：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HomePage } from '../home/home';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {

  constructor(public navCtrl: NavController) {
  }
  goToHome(params){
    if (!params) params = {};
    this.navCtrl.push(HomePage);
  }
}

我需要登录一个用户，在我的功能 goToHome 中，我需要电子邮件和 psw。我怎么能得到这个？

4

1 回答 1

0

您可以使用表单并获取如下输入：

<form (ngSubmit)="goToHome()">
  <ion-item>
    <ion-label>Email</ion-label>
    <ion-input type="text" [(ngModel)]="loginInput.email" name="email" type="email" placeholder=""></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>Password</ion-label>
    <ion-textarea [(ngModel)]="loginInput.password" name="password" type="password" placeholder=""></ion-textarea>
  </ion-item>
  <button ion-button type="submit" block>Add Todo</button>
</form>


export class LoginPage {
  loginInput = {};

  constructor(public navCtrl: NavController) {
  }

  goToHome() {
    console.log(this.loginInput)
  }
}

主要思想是用来ngModel获取所有输入。注意：如果你在 Form 标签中使用 ngModel，你必须提供一个 name 属性。

在此处使用有关如何创建表单的指南：https ://ionicframework.com/docs/developer-resources/forms/

于 2017-11-10T00:41:58.047 回答