ngModel在Ionic 3的表单中使用

时间:2018-10-26 02:04:35

标签: angular typescript firebase ionic-framework ionic3

通过单击登录页面上的Register按钮,我将被重定向到以下页面。

显示以下错误的地方

这是我的login.html

<ion-content padding class="loginPage">
  <div class="spacer"></div>
    <img src="../../assets/icon/iconLoginPage.png" class="loginImage"/>
  <div class="spacer"></div>
  <ion-list>
    <ion-item class="loginButton">
      <ion-input placeholder="E-mail" type="text" [(ngModel)]="user.email"></ion-input>
    </ion-item>
    <ion-item class="loginButton">
      <ion-input placeholder="Senha" type="password" [(ngModel)]="user.password"></ion-input>
    </ion-item>
    <ion-grid>
      <ion-row>
        <ion-col>
          <button ion-button full color="royal" (click)="login(user)">Login</button>
        </ion-col>
        <ion-col>
          <button ion-button full color="light" (click)="register()">Cadastrar</button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-list>
</ion-content>

Image error

1 个答案:

答案 0 :(得分:1)

如错误所示,您需要在元素上具有名称属性。如果使用ngForm,则所有具有 [(ngModel)]="" 的输入字段必须具有属性 {{1 }}

name

对所有元素执行相同操作。