如何解决Angular:处理组件添加到表单事件
我正在使用formly从返回的json中获取表单。考虑以下表单描述
unicode
默认情况下输入是用 {
"key": "key_radio","type": "radio","templateOptions": {
"required": true,"options": [
{
"value": true,"label": "Yes"
},{
"value": false,"label": "No"
}
]
}
},{
"fieldGroupClassName": "row","hideExpression": "!model.key_radio","fieldGroup": [
{
"key": "key_a","className": "col-3","type": "input",},{
"key": "key_b","className": "col-4","type": "input"
},{
"key": "key_c","type": "input"
}
]
}
隐藏的。单击“是”单选按钮后,将显示输入。当在第一个输入 (key_a) 中输入一个值时,我需要请求后端并填充另外两个输入。在这里听 hiddenExpression
是一个自然的解决方案。我仍然不知道在哪里可以设置此订阅。所以问题是:如何在“是”单选按钮点击和 form.get('key_a').valueChanges
评估后处理输入添加?
解决方法
如果有人正在阅读本文,我已经找到了答案。
可以传递一个 fieldChanges
Subject
并订阅它。当评估 FormlyValueChangeEvent
时,在此主题中正式发出 hideExpression
。话虽如此,您只需要订阅该 Subject
并在订阅中执行 form.updateValueAndValidity()
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。