我有这个数组
"rating": [
{
"sno": 1,
"question": 13,
},
{
"sno": 2,
"question": 5,
},
{
"sno": 3,
"question": 7,
},
..
.
从中我将创建一个动态星星
https://valor-software.com/ngx-bootstrap/#/components/rating?tab=overview#rating-basic
对于单星星,我可以创建,但我想多星,如果我提交一份表格
那么表单的响应应该是这样的格式
{
"answer": {
"5": 4,
"7": 3,
"13": 4
},
"comments": "user comments"
}
有办法吗谢谢
1条答案
按热度按时间eoxn13cs1#
以下是按键创建动态表单控件的步骤/概念:
1.为
answer
控件创建一个FormGroup
。1.迭代
rating
数组并将FormControl
(以question
为键)添加到answer
FormGroup
。1.使用
*ngFor
和keyvalue
管道生成answer
FormGroup
的嵌套窗体控件。Demo @ StackBlitz