向文本输入添加默认值 Angular 2

背景

我有一个表单，其中的输入字段包含用户的电子邮件地址。我正在使用插值将电子邮件添加到placeholder field.

Problem

我不希望用户能够更改此字段中的电子邮件地址。我只希望他们能够看到它。但我确实希望它与表格一起发布。

Question

我不断尝试不同的方式，无论发生什么form才不是post电子邮件。我怎么能够bind它实际上会post表单时的电子邮件地址submitted?

Examples

我尝试过readonly。这样他们就无法改变它。

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

我试过没有readonly只是想看看如果我不添加任何限制标志它是否会起作用。

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

我知道该电子邮件可以访问，因为我将其添加到占位符字段中并且它显示在表单中。它只是不会发布。

默认值将是分配给的值personal.email.

或者，您可以绑定到不同的属性

[(ngModel)]="personalEmail"

并指定一个默认值personalEmail并在提交更新时persona.email在代码中或使用

[ngModel]="personalEmail" (ngModelChange)="personal.email = $event"

从中获取初始值personalEmail并更新personal.email当变化发生时

这也可能有效（未尝试）

[ngModel]="personal.email || 'defaultValue'" (ngModelChange)="personal.email = $event"

只得到'defaultValue'分配如果personal.email is null