使用 Angular 将 JSON 对象中的嵌套 JSON 对象作为字符串传递答案

【问题标题】：Pass nested JSON object in JSON object as string using Angular使用 Angular 将 JSON 对象中的嵌套 JSON 对象作为字符串传递
【发布时间】：2021-08-12 07:43:58
【问题描述】：

这是我的 JSON 对象，其中属性 RuleJson 是一个嵌套的 JSON 对象。我很难将此嵌套对象作为字符串传递，因为嵌套 json 在 Expression 属性中包含 quotation marks。我想将 RuleJson 作为字符串属性传递，而不是作为来自前端的 JSON 对象在 Angular 中使用。嵌套对象将是 Deserialize 到 C# 类对象后端的 DTO 模型中。

{
    "id": 0,
    "workflowName": "Test005",
    "ruleJson": {
        "Rules": [
            {
                "RuleName": "VaidateAutoPick",
                "Expression": "!RuleEngineValidationModel.AutoPickFlag == \"abc\""
            }
        ]
    },
    "isActive": true,
    "createdBy": 14,
    "updatedBy": null,
    "createdOn": "2021-08-11T08:12:33.274Z",
    "updatedOn": "2021-08-11T08:12:33.274Z",
    "ruleTypeId": 108
}

【问题讨论】：

标签： json angular

【解决方案1】：

如果我理解的问题正确，简单的破坏和JSON.stringify 应该可以解决它：

const data = {
    "id": 0,
    "workflowName": "Test005",
    "ruleJson": {
        "Rules": [
            {
                "RuleName": "VaidateAutoPick",
                "Expression": "!RuleEngineValidationModel.AutoPickFlag == \"abc\""
            }
        ]
    },
    "isActive": true,
    "createdBy": 14,
    "updatedBy": null,
    "createdOn": "2021-08-11T08:12:33.274Z",
    "updatedOn": "2021-08-11T08:12:33.274Z",
    "ruleTypeId": 108
}

const dataWithStrigifiedRuleJson = {
   ...data,
   ruleJson: JSON.stringify(data.ruleJson),
}

【讨论】：