2016-11-29 35 views
2

私は電子メールフィールドを持つフォームを持っています。私はinterpolationとフォームフィールドの値を追加しています。しかし、私はユーザーがフォームフィールドで電子メールアドレスを変更できるようにしたくありません。そこで、にdisabledフラグを追加します。 disabledを追加すると、フォームはメールをhttp postに渡しません。投稿フォームの入力値を投稿角度2にする

この入力フィールドを無効にすることはできますが、残りのフォームデータとともにフォームが送信されたときに投稿されるように、電子メールアドレスinitをユーザーに表示するにはどうすればよいですか。

<input type="text" class="form-control" id="email" [(ngModel)]="personal.email" name="email" #email="ngModel" required value="{{auth.userProfile.email}}" placeholder="{{auth.userProfile.email}}" disabled>

たぶん私はtwo way data bindingについて混乱していますが、私はちょうどこのようなもので、それに値を追加することはできません、

[(ngModel)]="personal.email" 
= 
{{auth.userProfile.email}} 

はその後、まだ無効になってフォームの入力フィールドを保ちますか?

答えて

2

<input type="text" class="form-control" id="email" [(ngModel)]="personal.email" name="email" #email="ngModel" required value="{{auth.userProfile.email}}" placeholder="{{auth.userProfile.email}}" readonly> 無効を使用しないでください。 値を渡したい場合はreadonly(readonly = "readonly")を使います。 それは値を掲示することを可能にします

+0

私がそれを必要とすると私はフォームを提出する必要はありません。私がフォームを提出する必要が削除するが、それは値を渡すことはありません..しかし、私は読み取り専用またはオフにしてオフにしてフォームは値をちょうど渡します。 – wuno

+0

私はフォームが提出されるまで値が存在しないかもしれないと思っていましたが、プレースホルダとして使用するとフォームフィールドに表示されます。 – wuno