javascript - Angular2 响应式(Reactive)默认输入值

Question

我有以下代码可以在我的组件中初始化表单:

let editMode: boolean = !!this.template.templateId;

this.editTemplateForm = this.formBuilder.group({
  templateId: {value: editMode ? this.template.templateId : '', validators: [Validators.required, this.templateIdValidator]},
  dataStorageTime: {value: editMode ? this.template.dataStorageTime : this.globalParameter.dataStorageTime, Validators.required, Validators.pattern("[0-9]+")]});

变量值this.template.templateId 未定义，因此 editMode 为 false。对于dataStorageTime，在表单的链接输入中设置正确的默认值。然而，对于 templateId 输入设置为“[object Object]”而不是空字符串。

我正在使用 Angular2 Final Release。

Answer 1

这是我的问题的解决方案:

this.editTemplateForm = this.formBuilder.group({
templateId: [editMode ? this.template.templateId : '', [Validators.required, this.templateIdValidator]],
dataStorageTime: [editMode ? this.template.dataStorageTime : this.globalParameter.dataStorageTime, [Validators.required, Validators.pattern("[0-9]+")]]
});