代码之家 › 专栏 › 技术社区 › Bhrungarajni

如何在angular2中获取带数据的节并避免空节

angular-reactive-forms angular

-2

Bhrungarajni · 技术社区 · 8 年前

我有一个部分,数据即将到来,因为我已经给出了静态数据。但是除了静态数据,我也得到了空的部分。所以,谁能帮我只取数据,避免空集合呢?

TS:

this.Emergencies = [{ 
  "ContactName": "Person1", 
  "Phone": "12345678", 
  "Relationship": "1" 
  "ContactName": "Person2", 
  "Phone": "37438367", 
  "Relationship": "4" 
  }]
this.emergencyContactForm = this._fb.group({
  itemRows: this._fb.array([this.createEmergency()])
});
this.Emergencies.forEach( 
  emergency => { 
  const control = <FormArray>this.emergencyContactForm.get('itemRows')['controls']; 
  control.push(this.createEmergency()); 
  }) 
  console.log(this.emergencyContactForm.get('itemRows')['controls'])
  for (let entry in this.Emergencies) { 
    this.emergencyContactForm.get('itemRows')['controls'][entry].patchValue({ 
    ContactName: this.Emergencies[entry].ContactName, 
    Phone: this.Emergencies[entry].Phone, 
    Relationship: this.Emergencies[entry].Relationship, 
    })
  }  }, 
  }

如果没有数据,我希望空的部分显示出来,如果有数据,那么只有数据必须出现

1 回复 | 直到 8 年前

Sravan 8 年前

因为你在使用 control.push(this.createItem()); 为所有人 emergencies ,不需要使用 [this.createEmergency()] 创建时 control

你有:

this.Emergencies.forEach(
emergency => {
  const control = <FormArray>this.emergencyContactForm.get('itemRows')['controls'];
  control.push(this.createItem());
})

改变,

this.emergencyContactForm = this._fb.group({ 
    itemRows: this._fb.array([this.createEmergency()]) 
});

去,

this.emergencyContactForm = this._fb.group({ 
    itemRows: this._fb.array() 
});

所以,现在你不会得到额外的 formControl

更新:

if(this.Emergencies.length == 0){
  const control = <FormArray>this.emergencyContactForm.get('itemRows')
  ['controls'];
      control.push(this.createItem());
}

推荐文章

annepic · valueChanges尝试引发对象为null的错误(被动形式)

8 年前

Rajesh Keerthi · 在角度5中,在特定索引处的反应形式数组中插入值

8 年前

Yashdeep Sharma · 验证全部或无角度4

8 年前

Idris.AH · 包含复选框的角度2/5条件验证

8 年前

Oleksandr Oleksiv · 如何从窗体组中禁用的窗体控件中获取值?

8 年前

JSON · 如何将参数传递给异步验证器以进行被动角度控制?

8 年前

Shahriar Miraj · 在Angular4中,每当我添加表单标记时,没有为ControlContainer错误提供程序

8 年前

JordanBarber · 角度5反应形式-传递FormArray的复选框Id

8 年前

Stephen Jawahar · 角材料表中按钮的实现

8 年前

user3875919 · 角度反应式表单自定义验证器在表单重置后不工作

8 年前