我的 angular 应用程序中有一个函数,我必须在其中检查表单的属性并检查哪些属性具有“required”= true 属性,然后检查用户之前是否已经输入了此信息。通过此验证,如果相应的用户信息已存在,我将跳过该表单,否则我将显示该表单。
更新
我已经通过几次“foreach”检查它们是否具有值,但我被困在了这一点上,我不知道如何解决我需要做的事情。
功能如下
const initForm = getInitForm();
const user = getUser();
const dataNotFilled = [];
initialForm.props.forEach((prop) => {
if (prop.required) {
const nestedObjectData = {};
Object.keys(user).forEach((initKey) => {
const value = user[initKey];
if (initKey === prop.name && value === null) {
dataNotFilled.push(value);
} else if (typeof value === 'object') {
Object.assign(nestedObjectData, value);
Object.keys(nestedObjectData).forEach((key) => {
const nestedValue = nestedObjectData[key];
if (key === prop.name && nestedValue === null) {
dataNotFilled.push(nestedValue);
}
});
}
});
if (dataNotFilled.length) {
browserHistory.push(ADD_USER_DATA_PATH);
}
}
});
这是我收到的表格所需数据的对象
{
"label": "city",
"name": "city",
"type": "text",
"parent": "primaryAddress",
"validations": [
{
"message": "error",
"value": {
"pattern": "^\\d{2}-\\d{3}$|\\d{5}"
},
"rule": "regex"
},
{
"message": "required",
"value": true,
"rule": "required"
}
],
"required": true,
"services": []
}
这是用户的对象
{
"name": "John",
"surname": "Martin",
"email": null,
"address": null,
"phone": {
"home": null,
"mobile": null
},
"address": {
"code": "null",
"address": null,
"city": "Kansas"
}
}
如果信息已经存在,如何比较两个对象的属性以跳过表单?提前感谢大家的时间和帮助。
我认为你让这太复杂了。为什么不简单地做这样的事情:
//Fill the form with your initial object, if any.
this.form = formBuilder.group({
name: [{value: initialObject.name, disabled: initialObject.name !== null}] // Or '' or undefined
surname: [{value: initialObject.surname, disabled: initialObject.surname !== null}]
})
// Other logic.
if(form.valid){
// Form is instantly valid so skip it.
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句