形式落在IONIC的<ion-header>后面

时间:2017-11-10 04:44:26

标签: ionic2 ionic3

Ionic Form的顶级产品落后于ion-header。以下是HTML。

<ion-header>
  <ion-navbar hideBackButton color="dark">
      <button ion-button  menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>REGISTER</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class='has-header'>
  <form [formGroup]="todo" (submit)="logForm()" padding class="bg-register-image">
      <ion-list>
        <ion-item>
          <ion-label floating>Email</ion-label>
          <ion-input [(ngModel)]="emaill" type="email" formControlName="emaill"></ion-input>{{emaill}}
        </ion-item>
        <ion-item>
          <ion-label floating>Password</ion-label>
          <ion-input [(ngModel)]="Password" type='password' formControlName="password"></ion-input>
        </ion-item>
      </ion-list>
      <button ion-button block position="bottom" type="submit" item-left [disabled]="!todo.valid">Submit</button>
      <button block ion-button color="secondary" [navPush]="homepage" item-left>CANCEL</button>
  </form>
</ion-content>

让我知道要改变什么。在此先感谢。

enter image description here

0 个答案:

没有答案