通过FormBuilder设置表单元素参数

时间:2017-10-30 18:23:28

标签: angular angular-reactive-forms angular2-formbuilder

我正在构建一个反应形式。模板看起来像这样......

<form [formGroup]="myForm" (submit)="procesForm()" novalidate>
   <input type="text" formControlName="myInput" required>
   <button>Create Group</button>
</form>

...我正在使用FormBuilder将它们组合在一起......

newGroupForm:FormGroup;

private createForm(){
   this.newGroupForm = this.fb.group({
      newGroupName: [{value: '', disabled: false}]
   });
}

这可以设置两个参数valuedisabled,但如果我尝试设置requiredplaceholderid等其他参数...

private createForm(){
   this.newGroupForm = this.fb.group({
      newGroupName: [{value: '', disabled: false, placeholder:'Enter value'}]
   });
}

...然后当页面呈现我输入元素的显示值为[object Object]时。

那么,是否可以通过FormBuilder这种方式设置表单元素的其他参数?我特别感兴趣的是设置元素placeholder值的任何方式。

0 个答案:

没有答案