angular4如何循环遍历以下格式的json数据？

Question

{
    "total": 1,
    "rows":
    [
        {
            "id": "d2924670bac74b24852e35bd7389f6b2",
            "code": 2,
            "product": "月饼",
            "brand": "松鹤楼",
            "entLeader": "张三",
            "packager": "无菌袋",
            "entPhone": "18867778887",
            "entLinkMan": "xx",
            "grade": null,
            "place": null,
            "licence": "234ete",
            "deleted": null,
            "qs": "4242ergdg",
            "orgId": null,
            "missionResource": "苏州市食药监",
            "beSampleEnt": "测试",
            "batch": null,
            "sampleMan": "testcj",
            "sampleDate": 1504627200000,
            "sampleDateText": null,
            "missionType": "监督抽检",
            "regionType": "城市",
            "entAddress": "XXXX",
            "type": "300g",
            "license": "uyu256",
            "entFax": null,
            "sales": "122",
            "entPostCode": null,
            "annualRing": null,
            "circulation": null,
            "catrringLink": "其他",
            "area": null,
            "cirInfo": null,
            "server": null,
            "cateen": null,
            "catInfo": null,
            "sampleResource": "加工/自制",
            "sampleProperty": "普通食品",
            "sampleType": "食用农产品",
            "samtInfo": null,
            "warranty": null,
            "gb": null,
            "unitPrice": null,
            "sampleStage": "生产",
            "stageDate": 1504540800000,
            "stageDateText": null,
            "base": null,
            "sampleNum": null,
            "sampleForm": null,
            "exit": "是",
            "reserveNum": null,
            "packageGroup": "散装",
            "productOrg": null,
            "productAddress": null,
            "productLinkMan": null,
            "productPhone": null,
            "storageCondition": null,
            "temperature": null,
            "deadLine": null,
            "deadLineText": null,
            "sendAddress": null,
            "sampleMold": "无菌抽样",
            "unitName": "测试",
            "unitAdress": "测试的放假就是和我一会发",
            "unitLinkMan": "测试",
            "unitPhone": "0512-88888888",
            "unitFax": null,
            "unitPostCode": "051354",
            "remark": null,
            "location": "GS",
            "classify": "24",
            "unitCode": "0226445578",
            "odd": "SZ17WJ05JSP0005",
            "hold": "N",
            "client": "mobile",
            "year": 2017
        }
    ]
}

Answer 1

你是在模板中用，还是在ts文件中用,如果在模板中使：

<ul>
    <li *ngFor="let row of rows">
        <p>row.id<p>
        <p>row.name<p>
        <p>row.src<p>
        ...
    </li>
<ul>

在ts中，就是普通数组的便利

for(let row of rows) {
    // dosomething
}