模板驱动方法： 动态添加所需属性到 angular 2 形式的输入字段。但是角度表单验证（form.valid）无法识别动态添加的必填字段。
<input type="text" [(ngModel)]="coumnName" name="coumnName" >
需要动态添加：
document.getElementsByName(columnName)[0].setAttribute('required', '');
【问题讨论】：
您可以使用与以反应形式为FormControl 动态设置验证器相同的技术，但使用NgForm 指令。怎么会？ Angular 对 NgForm 指令的实际作用是创建 FormControl 实例，并注册到您在表单中分配的 name。
所以你可以做的是导入NgForm、Validators 和ViewChild 来引用你的表单并能够在你的组件中使用它。作为旁注，我看到您的 ngModel 变量与 name 属性相同。那是行不通的，它们必须是独一无二的。
请执行以下操作：
<form #f="ngForm">
<input [(ngModel)]="coumnNameModel" name="coumnName" #coumnName="ngModel">
</form>
在您的组件中，导入NgForm 和ViewChild，然后使用setValidators() 并设置您想要的任何验证器，然后调用updateValueAndValidity()：
@ViewChild('f') myForm: NgForm;
// when you want to set required validator:
setRequired() {
this.myForm.form.get('coumnName').setValidators([Validators.required])
this.myForm.form.get('coumnName').updateValueAndValidity();
}
【讨论】：
@ViewChild('f', {static:false}) myForm: NgForm;
事实上，一旦开始数据绑定，就不再使用 HTML 属性。你没有设置属性。您正在设置 DOM 元素、组件和指令的属性。
你可以阅读这个official doc
【讨论】：
只需要添加：
[required]="isConditionIsTrue"
在您的输入中。
您可以使用条件或布尔值。
注意：如果您使用 formControls，您应该d：
添加所需的控件，或任何其他控件：
this.form.addControl('formControlName', new FormControl(ValueToSet, Validators.required));
如果您想删除所需的控件或任何其他控件：
this.form.get('formControlName').reset();
this.form.removeControl('formControlName');
【讨论】：