在Angular2上传递禁用表单输入值

Question

我有一个包含电子邮件字段的表单。我正在使用interpolation添加表单字段的值。但我不希望用户能够在表单字段中更改电子邮件地址。所以我将disabled标记添加到input field。当我添加disabled时，表单未将电子邮件传递给http post。

如何禁用此输入字段，但仍然向用户显示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}}

然后仍然禁用表单输入字段？

Answer 1

<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 =＆＃34; readonly＆＃34;）。 它会让你发布值