Как исправить Ionic / Angular «отправка формы маршрутизатора» для регистрации пользователя - PullRequest
Новая
       25

Как исправить Ionic / Angular «отправка формы маршрутизатора» для регистрации пользователя

0 голосов
/ 08 февраля 2019

Я хочу добавить функцию регистрации пользователей в мое мобильное приложение.Я хочу добавить в приложение функцию маршрутизации, в которой они нажимают кнопки «Далее» и «Назад» между вводом имени пользователя, пароля, адреса электронной почты и номера телефона.

Вот код: 

<form  *ngIf="!loading" (ngSubmit)="Register($event, registerForm)" #registerForm="ngForm">

      <th *ngIf="miniRoute==0">Username</th>
      <th *ngIf="miniRoute==1">First Name</th>
      <th *ngIf="miniRoute==2">Email Address</th>
      <div style="height:5px"></div>
      <input *ngIf="miniRoute==0" type="text" placeholder="Username" required minlength="1" name="username" #username="ngModel" [(ngModel)]="register.username">
      <input *ngIf="miniRoute==1" type="text" placeholder="First Name" required minlength="1" name="firstname" #firstname="ngModel" [(ngModel)]="register.firstname">
      <input *ngIf="miniRoute==2" type="text" placeholder="Email Address" required minlength="1" name="email" #email="ngModel" [(ngModel)]="register.email">
      <div style="height:15px"></div>
      <th *ngIf="miniRoute==0">Password</th>
      <th *ngIf="miniRoute==1">Last Name</th>
      <th *ngIf="miniRoute==2">Phone Number</th>
      <div style="height:5px"></div>
      <input *ngIf="miniRoute==0" type="text" placeholder="Password" required minlength="1" name="password" #password="ngModel" [(ngModel)]="register.password">
      <input *ngIf="miniRoute==1" type="text" placeholder="Last Name" required minlength="1" name="lastname" #lastname="ngModel" [(ngModel)]="register.lastname">
      <input *ngIf="miniRoute==2" type="text" placeholder="Phone Number" required minlength="1" name="phonenumber" #phonenumber="ngModel" [(ngModel)]="register.phonenumber">

    <div style="height:25px"></div>
    <div>
      <ion-button *ngIf="miniRoute!=2" (click)="miniRoute=miniRoute-1"><- Back</ion-button>
      <ion-button *ngIf="miniRoute!=2" (click)="miniRoute=miniRoute+1">Next -></ion-button>
    </div>

    <ion-button *ngIf="miniRoute==2"  type="submit">Register</ion-button>
  </form>

Ожидаемый результат: 

registerForm = {username: EXAMPLE, password: EXAMPLE, firstname: EXAMPLE, password: EXAMPLE, email: EXAMPLE, phonenumber: EXAMPLE}

Текущий результат: записываются только два последних входа формы. 

{email: null, phonenumber: null}

Пожалуйста, помогите мне выяснить, почемуполные данные форм не передаются.И как это исправить?

...