如何解决角度ngx-formly中的可重复字段内的可重复字段
您好,谢谢阅读。
换句话说,我希望我的用户能够根据需要添加任意多个项目选项,并且在每个选项内,他们可以添加更多选项。
我在ngx-formly中使用Angular v9。
我已经进行了可重复的现场演示:https://formly.dev/examples/advanced/repeating-section
这很好用,但是只允许一个简单的重复部分。我正在尝试在每个重复部分中嵌套另一个重复部分。这是我的代码:
public form = new FormGroup({});
model = {
investments: [{}],};
public options: FormlyFormOptions = {};
public fields: FormlyFieldConfig[] = [
{
key: 'investments',type: 'repeat',templateOptions: {
addText: 'Add another investment',},fieldArray: {
fieldGroup: [
{
key: 'investments2',type: 'repeat2',templateOptions: {
addText: 'Add another investment2',fieldArray: {
fieldGroup: [
{
className: 'col-sm-4',type: 'input',key: 'investment2Name',templateOptions: {
label: 'Name of Investment:',required: true,],{
type: 'input',key: 'investmentDate',className: 'col-sm-4',templateOptions: {
type: 'date',label: 'Date of Investment:',key: 'stockIdentifier',templateOptions: {
label: 'Stock Identifier:',];
如您所见,我已经尝试将FormArray嵌套在主FormArray内,但这并不能使我在重复中重复。
结果:
问题是,可以使用Formly来实现这一目标吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。