javascript - 在 Post Angular2 上传递禁用的表单输入值

Question

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

如何禁用此输入字段但仍向用户显示初始电子邮件地址，以便在提交表单时它仍会发布表单数据的其余部分？

<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感到困惑但我不能只用这样的东西给它增加值(value)吗，

[(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")。它会让你发布值(value)