以编程方式更新[占位符]反应式表单控件

我有以下内容formControl作为我的反应形式的一部分：

<input class="input" formControlName="email" [placeholder]="">

我想知道是否有办法以编程方式设置占位符？

就像是：this.formGroup.get('email').placeholder = 'Some value';

The placeholder是 HTML 元素本身的属性，而不是formGroup。您可以像使用组件属性一样直接绑定它（[placeholder]="someValue"）并且 Angular 的变更检测会自动更新它。

您还可以通过以下方式获取元素本身@ViewChild并将其更新为元素的属性（即普通 JS）：

<input #myInput />

// ...

@ViewChild('myInput') myInput: ElementRef;

// ...

myInput.nativeElement.placeholder = 'New Thing';

如果您对这些占位符有某种程度的标准化行为，您甚至可以将其推断为Directive以更干净的方式完成此行为。