2017-01-23 17 views
1

入力フィールドが正しく入力され、フォームを送信すると、次のコードに気付きました。フォームを送信すると、隠しメッセージが表示されます。ページに戻ると(サブミット後に)、非表示フィールドが表示されます。しかし、私はこの場合エラーメッセージを表示したくありません。どうすれば変更できますか?* NgIfディレクティブの隠し属性

<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) { 

    } 
    } 
+0

「ページに戻る」、それはどういう意味ですか?もちろん、ページに移動してフォームが空(もう一度)の場合は、エラーメッセージが表示されます。 – Alex

+0

しかし、最初にページにアクセスしたときに表示されないのはなぜですか?それは最初にページを訪問するようなハンドデルでなければなりません。 – Sandruna

+0

私たちが見ていることに基づいて、私たちは多くのデバッグを行うことができません。プランナーで問題を試して再現する必要があります。 – Alex

答えて

0

私は偽==あなたが問題を持って提出すると思います。私はわかりません。これを試してください。

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

このようにすると、隠されたフィールドが常に表示されます。 – Sandruna

+0

これを試してください。 –

+0

まだ動作しません、同じ問題(常時表示) – Sandruna

関連する問題