我将使用链接https://angular.io/guide/dynamic-form创建Angular 6动态表单。
在这里,我在question.service.ts中提供了以下内容:
getQuestions() {
let questions: DynamicBase<any>[] = [
new TextboxQuestion({
key: 'firstName',
label: 'First name',
type: 'text',
value: '',
required: true,
order: 1
}),
new TextboxQuestion({
key: 'emailAddress',
label: 'Email',
type: 'email',
order: 2
}),
new DropdownQuestion({
key: 'brave',
label: 'Bravery Rating',
options: [
{key: 'solid', value: 'Solid'},
{key: 'great', value: 'Great'},
{key: 'good', value: 'Good'},
{key: 'unproven', value: 'Unproven'}
],
order: 4
}),
];
return questions.sort((a, b) => a.order - b.order);
}
在这里,不是使用。
new TextboxQuestion({
key: 'firstName',
label: 'First name',
type: 'text',
value: '',
required: true,
order: 1
}),
我想从JSON中加载数据,
"dynamicJSON": [
{
"key": "role_name",
"label": "Role Name",
"type": "text",
"value": "",
"required": true,
"order": 1
},
{
"key": "last_ame",
"label": "Last Name",
"type": "text",
"value": "",
"required": true,
"order": 2
}
]
我使用了以下内容:
我使用了以下内容:
let newArray = dynamicJSON;
let questions: DynamicBase<any>[] = [
newArray.forEach(element => {
new TextboxQuestion(element)
});
];
return questions.sort((a, b) => a.order - b.order);
当element在控制台中显示值时,
{key: "role_name", label: "Role Name", type: "text", value: "", required: true, …}
但是我遇到了“未定义的键”错误。当我控制台输出questions时,也显示为[undefined]。
如何将动态JSON值传递到表单对象中,例如文本框?请帮助我解决这个问题,已经卡了很久了。
json.Results.forEach(element => { newArray.push(element.Id); });
- Vaibhav Kumar Goyal