Angular 2中的动态模型驱动表单

时间:2017-06-18 12:15:02

标签: angular primeng

我有一个带有表单的应用程序,当用户选择一个值时,我需要根据他的选择构建其他表单输入。 我从DB获得以下json

[
  {
     "id":1, 
     "typeId":1,
     "fieldName":"Disk Volume",
     "fieldType":"select",
     "fieldValue":"A:,B:,C:,D:,E:,F:",
     "fieldValidation":null
  }
  ,{
     "id":2,
     "typeId":1,
     "fieldName":"Free Space (MB)",
     "fieldType":"input",
     "fieldValue":null,
     "fieldValidation":null
  },
  {
     "id":3,
     "typeId":1,
     "fieldName":"Test Value",
     "fieldType":"checkbox",
     "fieldValue":null,
     "fieldValidation":null
  },
  {
     "id":4,
     "typeId":1,"fieldName":
     "Test Value2",
     "fieldType":"select",
     "fieldValue":"Test1,Test2",
     "fieldValidation":null
   }
]

所以在这个例子中我需要创建4个额外的字段 其中两个是下拉列表,其中包含从json的fieldValue属性设置的选项。

我以这种方式使用primeNg组件

<p-dropdown [options]="permissions" [(ngModel)]="selectedPermission"></p-dropdown>

但我的问题是我不确定如何处理这个因为我无法声明ngModel或选项...... 我已经尝试过调查FormArray,但我理解它用于输入文本字段,但我可能有其他类型的字段

0 个答案:

没有答案