如何以角度形式使用repeatsection而不是添加按钮添加行?

时间:2017-06-22 20:20:07

标签: angularjs angular-formly

我想将表单显示为一个表格,其中重复的tr将基于JSON中的数据(来自API的响应)。目前形式上允许使用添加按钮重复节,但如何使用JSON数据执行相同操作。

http://angular-formly.com/#/example/advanced/repeating-section

1 个答案:

答案 0 :(得分:0)

只需将您的数据作为下一项添加到formly-form的模型值中。 基于示例,如果我们将有这样的模型

vm.model = {
    investments: [
      {
        investmentName:'abc',
        investmentDate:(new Date()).toDateString(),
        stockIdentifier:'',
        investmentValue:'',
        relationshipName:'',
        complianceApprover:'',
        requestorComment:''
      },
      {
        investmentName:'haf',
        investmentDate:(new Date()).toDateString(),
        stockIdentifier:'',
        investmentValue:'',
        relationshipName:'',
        complianceApprover:'',
        requestorComment:''
      }
    ]
  };

然后当你将在数据中假设你的数据(我假设你正在使用promises)时,将承诺的部分添加到vm.model.investments数组中 例如

someService.getMyData().then(function (data) {
    vm.model.investments.push(data);
}