Question

要使用从服务器获取的值来设置用户窗体的值，请使用pathValue方法，但是如果我逐行执行此操作，


    this.userDataForm.patchValue({ 'first_name': userData['first_name'] });
    this.userDataForm.patchValue({ 'last_name': userData['last_name'] });
    this.userDataForm.patchValue({ 'address': userData['address'] });
    this.userDataForm.patchValue({ 'city': userData['city'] });
    this.userDataForm.patchValue({ 'province': userData['province'] });
    this.userDataForm.patchValue({ 'postal_code': userData['postal_code'] });
    this.userDataForm.patchValue({ 'phone': userData['phone'] });
    this.userDataForm.patchValue({ 'birthdate': userData['birthdate'] });
    this.userDataForm.patchValue({ 'card_id': userData['card_id'] });
    this.userDataForm.patchValue({ 'email': userData['email'] });

但是，如果我在forEach中执行此操作，它将无法正常工作。 userDataForm是一个FormGroup变量：

var items = ['first_name', 'last_name', 'address', 'city', 'province',
      'postal_code', 'phone', 'birthdate', 'card_id', 'email']
    items.forEach(item => {
      this.userDataForm.patchValue({ item: userData[item] });
    })

我不知道为什么会这样。有想法吗？

Answer 1

只需从{ item: userData[item] }更改为{ [item]: userData[item] }即可使用计算属性名称：-

var items = ['first_name', 'last_name', 'address', 'city', 'province', 'postal_code', 'phone', 'birthdate', 'card_id', 'email']
items.forEach(item => {
  this.userDataForm.patchValue({ [item]: userData[item] });
})

要了解有关计算属性名称的更多信息：-

尽管不需要遍历对象的属性来修补表单中的值，但是您可以直接将整个对象修补到表单中：-

this.userDataForm.patchValue(userData);

Answer 2

因为item不能解析为迭代器变量，但是在对象构造中有可能作为纯键受到威胁。

Angular patchValue在循环内不起作用。为什么？

2 个答案: