Angular Ionic2 ngSwitchWhen表单错误

Angular Ionic2 ngSwitchWhen表单错误,angular,ionic2,Angular,Ionic2,更新:我将ngSwitchWhen更新到ngSwitchCase,然后我可以看到两个用于登录和注册的选项卡,但我得到错误如果在表单标记中使用ngModel,则必须设置name属性或表单 我的项目中有一个模板,如下所示。基本上我通过同一个页面登录和注册 <ion-navbar *navbar> </ion-navbar> <ion-content> <div align="center"> <h3>What you wan

更新:我将ngSwitchWhen更新到ngSwitchCase,然后我可以看到两个用于登录和注册的选项卡,但我得到错误
如果在表单标记中使用ngModel,则必须设置name属性或表单

我的项目中有一个模板,如下所示。基本上我通过同一个页面登录和注册

<ion-navbar *navbar>
</ion-navbar>

<ion-content>

  <div align="center">
    <h3>What you want to do?</h3>
  </div>

  <div [ngSwitch]="authType">
    <div padding>
      <ion-segment [(ngModel)]="authType">
        <ion-segment-button value="login">
          Login
        </ion-segment-button>
        <ion-segment-button value="signup">
          Signup
        </ion-segment-button>
      </ion-segment>
    </div>

    <form *ngSwitchWhen="'login'" (ngSubmit)="onSubmitLogin()">
      <div>

        <div>
          <ion-item>
          <ion-label for="username">Username</ion-label>
            <ion-input type="email" id="username" [(ngModel)]="username"></ion-input>
          </ion-item>
        </div>

        <div>
          <ion-item>
            <ion-label for="password">Passwort</ion-label>
            <ion-input type="password" id="password" [(ngModel)]="password"></ion-input>
          </ion-item>
        </div>
      </div>

      <div>
        <button block type="submit">Login</button>
      </div>
    </form>

    <form *ngSwitchWhen="'signup'" (ngSubmit)="onSubmitRegister()">
      <div>

        <div>
          <ion-item>
            <ion-label for="username">Username</ion-label>
            <ion-input type="text" id="username" [(ngModel)]="username"></ion-input>
          </ion-item>
        </div>

        <div>
          <ion-item>
            <ion-label for="email">Email</ion-label>
            <ion-input type="email" id="email" [(ngModel)]="email"></ion-input>
          </ion-item>
        </div>


        <div>
          <ion-item>
            <ion-label for="password1">Password</ion-label>
            <ion-input type="password" id="password1" [(ngModel)]="password1"></ion-input>
          </ion-item>
        </div>

        <div>
          <ion-item>
            <ion-label for="password2">Repeat Password</ion-label>
            <ion-input type="password" id="password2" [(ngModel)]="password2"></ion-input>
          </ion-item>
        </div>


      </div>

      <div>
        <button block type="submit">Sign up</button>
      </div>

    </form>  

  </div>

</ion-content>

你想做什么?
登录
报名
用户名
紫苏
登录
用户名
电子邮件
密码
重复密码
注册
这给了我错误
模板解析错误:
无法绑定到“ngSwitchWhen”,因为它不是“form”的已知属性。


这段代码曾在我以前的一个Ionic2项目中使用。有什么变化吗?或者我做错了什么

在输入标记上添加name属性解决了问题:

<ion-input type="text" id="username" name="username" [(ngModel)]="username"></ion-input>