ionic学习（八）：问答社区03：注册实现

1.生成注册页面： ionic g page register

2.将页面添加到app.module.ts中

3.在登录页面设置跳转链接

.ts文件中，先导入页面，再实现函数跳转

4.做前端页面

register.html代码如下：

扫描二维码关注公众号，回复： 4186163 查看本文章

<ion-header>

  <ion-navbar>
    <ion-title>注册</ion-title>
    <ion-buttons>
        <button ion-button (click)="dismiss()"></button>
      </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content>
  <ion-list>
    <ion-item>
      <ion-label stacked>手机号码</ion-label>
      <ion-input type="text" [(ngModel)]="mobile"></ion-input>
    </ion-item>
  
    <ion-item>
      <ion-label stacked>昵称</ion-label>
      <ion-input type="text" [(ngModel)]="nickname"></ion-input>
    </ion-item>

    <ion-item>
        <ion-label stacked>密码</ion-label>
        <ion-input type="password" [(ngModel)]="password"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>确认密码</ion-label>
      <ion-input type="password" [(ngModel)]="confirmPassword"></ion-input>
  </ion-item>
  </ion-list>
  <div padding>
  <button ion-button color="primary" block (click)="doRegister()">注册</button>
  </div>
  
  <div padding text-center>
      <button ion-button color="primary" outline (click)="gotoLogin()">已有账号？登录</button>
  </div>
  </ion-content>

显示如下：

已帐号，登录按钮返回gotoLogin()函数实现

5.实现注册功能

5.1 rest.ts注册请求

 

5.2 两次密码判断和数据提交及提醒

备注：

   同登录页面，记得导入各种库

   用的是视频所给接口，目前还可以用：当下时间：2018年7月5日 17:03:09