Angular 如何将角度2数据网格绑定到角度4格式网格
我正在尝试设置一个角度动态表单,它可以绑定到一些简单的编辑器,比如文本编辑器,但也可以公开一个可以绑定到网格的项目列表。例如,订单及其项目 据我所知,Angular Dynamic Forms创建了一个从“真实”对象填充的更改跟踪模型——在order items的示例中,每个项目都将创建为一个FormGroup,然后添加到FormArray中 这一切都是有意义的,当绑定到简单控件时,它很容易启动并运行,但现在我需要将订单项绑定到数据网格。这似乎是一个非常常见的场景,但我几乎看不到任何地方提到这一点?我怀疑我可能没有遵循推荐的模式 我可以将数据网格(在本例中为VMWare)绑定到FormGroup项吗Angular 如何将角度2数据网格绑定到角度4格式网格,angular,angular-forms,vmware-clarity,Angular,Angular Forms,Vmware Clarity,我正在尝试设置一个角度动态表单,它可以绑定到一些简单的编辑器,比如文本编辑器,但也可以公开一个可以绑定到网格的项目列表。例如,订单及其项目 据我所知,Angular Dynamic Forms创建了一个从“真实”对象填充的更改跟踪模型——在order items的示例中,每个项目都将创建为一个FormGroup,然后添加到FormArray中 这一切都是有意义的,当绑定到简单控件时,它很容易启动并运行,但现在我需要将订单项绑定到数据网格。这似乎是一个非常常见的场景,但我几乎看不到任何地方提到这一
Tx为了回答我自己的问题,我发现我可以通过获取表单组中抽象控件的值来绑定到表示项的每个表单组:
<clr-dg-row *ngFor="let item of orderItems" [clrDgItem]="item">
<clr-dg-cell>{{ item.get('code').value }}</clr-dg-cell>
<clr-dg-cell>{{ item.get('value').value }}</clr-dg-cell>
</clr-dg-row>
这只是要显示值,对吗?问题不在于编辑表单控件吗?还要注意的是,这与清晰度无关。
get orderItems(): AbstractControl[] {
return (this.orderForm.get('items') as FormArray)
.controls;
}