0

json数据：

           "stocks": {
              "stock": [
                 {
                    "beginDate":"20190531",
                    "endDate":"20190619",
                    "issuedShares":"true",
                    "totalAssets":"true", 
                        [
                             {
                                "stockClass": "true",
                                "parValue": "0.0001",
                                "numberOfShares": "8000000",
                                "stockDescription": "COMMON"
                             }
                        ]
                 },
                 {
                    "beginDate":"20190619",
                    "endDate": ,
                    "issuedShares":"true",
                    "totalAssets":"true", 
                    [
                             {
                                "stockClass": "true",
                                "parValue": "0.0001",
                                "numberOfShares": "9000000",
                                "stockDescription": "COMMON"
                             },
                             {
                                "stockClass": "true",
                                "parValue": "0.0001",
                                "numberOfShares": "1600000",
                                "stockDescription": "PREFERRED"
                             }
                    ]
                 }
              ]
           }

需要以这种方式使用 Angular 反应表单显示到 表格表格数据 我所做的方式是模板驱动的，这使得向输入添加像 max 这样的动态验证变得困难。任何帮助将非常感激。

ngOnInit(): 无效 {

this.buildForm(this.orderInfo.submissionDto.submissionFilingDto.taxDataRequestResponse.taxDataField.stocksField);

}

buildForm（数据：股票[]）{

this.taxRecalcForm = this.formBuilder.group({

绝地：this.formBuilder.array([]),

jedis1: this.formBuilder.array([]),

});

this.initJedis(data);

}

initJedis（数据：股票[]）{

const control = this.taxRecalcForm.controls['jedis'];

// this.data.forEach(x => {

// control.push(this.initJedi(x));

// });

for(让 x 的数据)

{

让 v = this.initJedi(x);

control.push(v);

}

}

initJedi（绝地？：股票）：FormGroup {

让绝地1 =绝地；

const control1 = this.taxRecalcForm.controls['jedis1'];

// jedi.stockDetail[0].forEach(x => {

// control1.push(this.initJedi1(x));

// });

for(let x of jedi.stockDetailField)

{

//for(let y of x.stockDetail){

var i =this.initJedi1(x);

control1.push(i);

//}

}

返回 this.formBuilder.group({

开始日期：[jedi.beginDateField || ''],

结束日期：[jedi.endDateField || ''],

总股数：[“总股数”|| ''],

总资产：[“总资产”|| ''],

资产日期：[“资产日期”|| ''],

});

}

initJedi1(jedi1: stockDetail): FormGroup {

让 v = jedi1;

返回 this.formBuilder.group({

parValue: [v.parValueField || ''],

stockDescription: [v.stockDescriptionField || ''],

numberOfShares：[v.numberOfSharesField || ''],

已发行股份：["已发行股份" || '']

});

}

HTML

开始日期 结束日期 股票详情 已发行股份总数 总资产 资产日期 股票类别 股份数量 面值/股份 已发行股份
4

0 回答 0