Angular 绑定数据数组以形成角度数组

Angular 绑定数据数组以形成角度数组,angular,bind,ngfor,formarray,Angular,Bind,Ngfor,Formarray,我有一个使用表单数组的表单。 在getstudentsArray中,我得到了学生的数据。 我想使用ngfor在formarray中显示此动态数据。 请帮助我在html表单数组中绑定getstudentsArray数组 你能解决我的问题吗。 提前谢谢 HTML 添加新文本字段 getstudentsArray:any=[]; getStudentDetails(){ 常量对象:任意={ ID:this.stu_ID } this.service.postmethod('studentsDeta

我有一个使用表单数组的表单。 在getstudentsArray中,我得到了学生的数据。 我想使用ngfor在formarray中显示此动态数据。 请帮助我在html表单数组中绑定getstudentsArray数组 你能解决我的问题吗。 提前谢谢

HTML


添加新文本字段
getstudentsArray:any=[];
getStudentDetails(){
常量对象:任意={
ID:this.stu_ID
}
this.service.postmethod('studentsDetails',obj).subscribe((res:any)=>{
respon=res;
this.getstudentsArray=this.respon.test;
});
}
{
“测试”:[
{“id”:1,“class”:5,“name”:“john”},
{“id”:2,“class”:5,“name”:“tim”},
{“id”:3,“class”:5,“name”:“alex”},
]
}

这是您的工作解决方案:

首先需要创建对象的formgroup,然后需要将这些组推送到数组上。如果您想添加,我还添加了验证器函数

对于验证器,您可以说:

this.validators = {
   'name': Validators.compose([Validators.required, Validators.maxLength(50)])
};

您需要在createFormGroup(…)方法中传递这个.validator而不是空白对象{}。

以下是您的工作解决方案:

首先需要创建对象的formgroup,然后需要将这些组推送到数组上。如果您想添加,我还添加了验证器函数

对于验证器,您可以说:

this.validators = {
   'name': Validators.compose([Validators.required, Validators.maxLength(50)])
};

您需要传递这个.validator而不是createFormGroup(…)方法中的空白对象{}。

您的问题是什么?感谢您的回复。我在“getstudentsArray”中有如上所示的数据。我想用html格式绑定这个。当我使用ngfor绑定它时,我只得到一个,即使它有3个。你创建formarray的方式是错误的。你能解释一下我是如何创建formarray的吗。稍后再解释一下绑定。你有什么问题?谢谢你的回复。我在“getstudentsArray”中有如上所示的数据。我想用html格式绑定这个。当我使用ngfor绑定它时,我只得到一个,即使它有3个。你创建formarray的方式是错误的。你能解释一下我是如何创建formarray的吗。然后再解释一下绑定。在这里,我们可以在哪里添加一个新的formfield绑定后,我应该有一个选项,以添加新的领域也。我更新了stackblitz与随机数据的代码。您现在可以验证,并根据您的需要和逻辑进行设置。如果在这里的答案中发布了代码的一些相关部分(除了StackBlitz链接),那就太好了。绑定后,我们可以在哪里添加新的formfield?我应该可以选择添加新字段。我已经使用随机数据更新了StackBlitz上的代码。您现在可以验证,并根据您的需要和逻辑进行设置。如果答案中发布了代码的某些相关部分(StackBlitz链接除外),这将是一件好事