Question

我注意到在下面的代码中，当输入字段填写正确并且我提交表单时，它会显示隐藏的消息。当我返回页面（提交后）隐藏字段可见时也会发生同样的情况。但我不想在这种情况下显示错误消息。我怎么能改变它？

   <form #userForm="ngForm">
      <ion-item *ngIf="useUser">
        <ion-label style="font-size: 12px" stacked>Username:</ion-label>
        <ion-input type="text" [(ngModel)]="user"name="username" #username="ngModel"  maxlength="20 required></ion-input>
      </ion-item>

     <p *ngIf="!useUser" [hidden]="username?.valid || submitted == false" color="danger" padding-left>
             Username required!
      </p>

Angular2代码

submit(form) {
      this.submitted = true;

      if (form.valid) {

     }
    }

Answer 1

我认为你在提交== false时遇到问题。我不确定。请试试这个。

[hidden]="username?.valid && submitted == 'false'" color="danger"

* NgIf指令中的隐藏属性

1 个答案: