Angular6 表单 自动填充数据

Question

• 模板代码说明：
  Angular6的响应式表单中有两个FormControl，分别表示姓名、年龄：
  <div>姓名：<input type="text" formControlName="name"></div>
  <div>年龄：<input type="text" formControlName="age"></div>
• 我要达到的效果：
  打开这个表单所在的页面时，本页面内有个实体类的对象instance已经被赋值了
  要求打开该表单所在页面时就向两个input中填写instance中对应的数据
  例如：
  打开表单所在的页面时，instance = {name:'张三',age:15}
  那么两个input依次被填充：张三、15
• 求助：
  不知道上面有没有描述清楚，可以提供代码是最好的，不行的话提供思路也好
  万分感谢！

Answer 1

直接在instance实例化或者赋值之后设置formGroup的值就行。

instance = { name:'张三', age:15 }
formGroup.patchValue({
    name:instance.name,
    age:instance.age
})