如何从数据库中获取数据并使用 setValue 或 patchValue

希亚姆·沙扎尼

如何从数据库中获取数据并将数据库中的数据设置到输入框中

以下是我的一段代码

获得服务

getStudentAddress() {
 const id = sessionStorage.getItem('userId');
 return this.http.get('http://localhost:8080' + '/student/' + id);
}

getStudentAddress()将返回的学生数据是这样的一个数组

来自后端的一组学生数据

在我的组件中,如何获取数据并将其放在输入框上,该输入框将在页面打开时自动显示数据

ngOnInit() {

 // Here should the display is from the database by using setValue or patchValue
 this.studentForm.setValue({
  s_pNumber: '1234',
  s_address: '123',
  s_address2: '123',
  s_pCode: '123',
  s_city: '123',
  s_state: '123',
  s_country: '123'
});
wentjun

您应该通过订阅 API 调用来返回可观察值,然后使用 patchValue 将, 分配给您的反应式表单。我假设您的 FormControl 名称与该对象中的属性相同。在你的 component.ts 上,

constructor(private crudService: crudService) { }

ngOnInit() {
  this.crudService.getStudentAddress().subscribe((response: any) => {
    this.studentForm.patchValue(response.data);
  });   
}

有关为 FormControl 设置值的更多详细信息,您可以参考我的另一个答案

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用SetValue添加事件处理程序

来自分类Dev

Extjs使用getValue和setValue定义自定义字段

来自分类Dev

附加财产。如何在PropertyChangedCallback中使用SetValue

来自分类Dev

如何使用foreach从数据库表中获取数据-

来自分类Dev

如何使用php从数据库中获取单个值

来自分类Dev

setValue在formArray角度8中并显示ui

来自分类Dev

如何在Angular 8中正确使用setValue

来自分类Dev

.value和.setValue在Form Angle 7+中的区别

来自分类Dev

使用patchValue对模板驱动的表单进行初始化

来自分类Dev

如何使用MongoEngine获取数据库中的集合列表?

来自分类Dev

InvalidFirebaseData',原因:'(setValue :)无法在profileUrl中存储NSURL类型的对象

来自分类Dev

Google脚本:如何在setValue中放置范围

来自分类Dev

如何为setValue返回多个列值

来自分类Dev

如何在FormArray的循环内使用PatchValue?

来自分类Dev

如何使用php从mysql数据库中获取数据

来自分类Dev

如何使用Breeze从数据库中获取图像?

来自分类Dev

如何从数据库中获取数据?

来自分类Dev

如何使用php从数据库中获取单个值

来自分类Dev

如何使用mysql数据库在AutoCompleteTextView中获取数据?

来自分类Dev

如何获取数据库中的数据数据

来自分类Dev

Firebase setValue在IOS 10,Swift 3中不起作用

来自分类Dev

如何在Ext JS中设置RadioGroup setValue()函数?

来自分类Dev

如何使用JavaScript从数据库/模型中获取数据

来自分类Dev

如何知道 valueChanges.subscribe(...) 内部的值是否由用户交互或 patchValue(...) 更改

来自分类Dev

Angular 4 - OnChanges() 中的 formcontrol.setValue()

来自分类Dev

守夜后 useXpath 使用不能 setValue

来自分类Dev

如何在摩纳哥编辑器中使用 setValue?

来自分类Dev

Firebase 数据库使用 setValue() 覆盖以前的值

来自分类Dev

使用 patchValue 将 Object 设置为控制值

Related 相关文章

  1. 1

    使用SetValue添加事件处理程序

  2. 2

    Extjs使用getValue和setValue定义自定义字段

  3. 3

    附加财产。如何在PropertyChangedCallback中使用SetValue

  4. 4

    如何使用foreach从数据库表中获取数据-

  5. 5

    如何使用php从数据库中获取单个值

  6. 6

    setValue在formArray角度8中并显示ui

  7. 7

    如何在Angular 8中正确使用setValue

  8. 8

    .value和.setValue在Form Angle 7+中的区别

  9. 9

    使用patchValue对模板驱动的表单进行初始化

  10. 10

    如何使用MongoEngine获取数据库中的集合列表?

  11. 11

    InvalidFirebaseData',原因:'(setValue :)无法在profileUrl中存储NSURL类型的对象

  12. 12

    Google脚本:如何在setValue中放置范围

  13. 13

    如何为setValue返回多个列值

  14. 14

    如何在FormArray的循环内使用PatchValue?

  15. 15

    如何使用php从mysql数据库中获取数据

  16. 16

    如何使用Breeze从数据库中获取图像?

  17. 17

    如何从数据库中获取数据?

  18. 18

    如何使用php从数据库中获取单个值

  19. 19

    如何使用mysql数据库在AutoCompleteTextView中获取数据?

  20. 20

    如何获取数据库中的数据数据

  21. 21

    Firebase setValue在IOS 10,Swift 3中不起作用

  22. 22

    如何在Ext JS中设置RadioGroup setValue()函数?

  23. 23

    如何使用JavaScript从数据库/模型中获取数据

  24. 24

    如何知道 valueChanges.subscribe(...) 内部的值是否由用户交互或 patchValue(...) 更改

  25. 25

    Angular 4 - OnChanges() 中的 formcontrol.setValue()

  26. 26

    守夜后 useXpath 使用不能 setValue

  27. 27

    如何在摩纳哥编辑器中使用 setValue?

  28. 28

    Firebase 数据库使用 setValue() 覆盖以前的值

  29. 29

    使用 patchValue 将 Object 设置为控制值

热门标签

归档