Angular 解析ngForm中的JSONData

我想在AngularJs2中迭代下面的JSONJsonRawData对象。为此，我使用以下代码：

<div *ngFor="let item of userData;">
                <tr *ngFor="let subitem of item.JsonRawData;" >

---

您的对象具有反斜杠，因此ng repeate不会以数组形式获取值。因此，您应该删除

\

并重新分配对象。像这样

在typescript中，需要使用循环替换反斜杠

for (let i = 0; i <= this.userData.length; i++) {
            this.userData[i].JsonRawData = this.userData[i].JsonRawData.replace(/\//g, "");

        }

---

for（设i=0；i您的对象具有反斜杠，因此ng repeate不会以数组形式获取值。因此您应该删除
\
并重新分配对象。如下所示

在typescript中，需要使用循环替换反斜杠

for (let i = 0; i <= this.userData.length; i++) {
            this.userData[i].JsonRawData = this.userData[i].JsonRawData.replace(/\//g, "");

        }

for（让i=0；i在循环之前必须解析JsonRawData。

在循环之前，必须解析JsonRawData。

按如下方式解析Json数据

*ngFor="let item of userData;   
  *ngFor="let subitem of toJson(item.JsonRawData)

在component.ts文件中，向json（）添加一个方法

如下解析Json数据

*ngFor="let item of userData;   
  *ngFor="let subitem of toJson(item.JsonRawData)

在component.ts文件中，向json（）添加一个方法

您需要将其转换为JSON。您需要将其解析为JSON

toJson(data) {
  data.JsonRawData = JSON.parse(data.JsonRawData.replace(/\//g, ""));
  return data;
}

您需要将其转换为JSON。您需要将其解析为JSON

toJson(data) {
  data.JsonRawData = JSON.parse(data.JsonRawData.replace(/\//g, ""));
  return data;
}

这是一个非常慢的过程，它会降级整个过程。这是一个非常慢的过程，它会降级整个过程。它会向我抛出异常，因为“无法读取未定义的属性'parse'。请让我知道如何解析它。我们可以使用一个方法toJson（item.JsonRawData），在该方法JSON.parse（item.JsonRawData）中执行同样的操作在这之后，我得到了这个错误，错误错误：找不到不同的支持对象“[{“USER_ID”：null，“firstName”：“sumit”，“lastName”：“joshi”，“landline”：“01127850127”，“phone”：null，“gender”：“1”，“confirmPassword”：“height”：“5.7”，“weight”：“84”，“incomerange”：“10000-20000”，“smokestatus”：“Yes”，“dietstatus”：“Veg”，“workstatus”：“job”，“drinkstatus”：“No”，“宗教”：“印度教”、“母亲节”：“印地语”、“拉希语”：“5”、“教育”：“MBA”、“职业”：“工作”、“地址”：“Roihini”、“国家”：“印度”、“城市”：“德里”、“地方”：“德里”}]“类型为字符串”。NgFor仅支持绑定到数组等可编辑项。它引发了一个异常，因为“无法读取未定义的属性”“解析”“。请让我知道如何解析它。我们可以使用一个方法，toJson（item.JsonRawData），在该方法中也可以这样做。解析（item.JsonRawData）之后，我得到了这个错误，错误：找不到不同的支持对象”[{“USER_ID”：null，“firstName”：“sumit”，“lastName”：“joshi”，“landline”：“01127850127”，“phone”：null，“gender”：“1”，“确认密码”：“身高”：“5.7”，“体重”：“84”，“收入范围”：“10000-20000”，“吸烟状况”：“是”，“饮食状况”：“素食”，“工作状态”：“工作”，“饮用状态”：“否”，“宗教”：“印度教”，“母亲通热”：“印地语”，“拉希”：“5”，“教育”：“MBA”，“职业”：“工作”，“地址”：“罗伊希尼”，“国家”：“印度”，“城市”：“德里”，“地方”：“德里”}]'的类型为'string'。NgFor仅支持绑定到数组等可重用项。为了更清楚，我有两个独立的类，如：class jsonArray{constructor（公共用户ID:string，公共名字：string，公共姓氏：string）{}class arrayData{constructor（public USER_ID:number，public JsonRawData:jsonArray[]，public USER_PEROFILE_ID:number）{}为了更清楚地说明，我有两个独立的类：class jsonArray{constructor（public USER_ID:string，public firstName:string，public lastName:string）{}class arrayData constructor（public USER_ID:number，public JsonRawData:jsonArray[]，public USER_PEROFILE_ID:number）{}