我想在Angularjs中访问下面的json的每个数据值。但我无法找到方法

问题描述:

我想要访问Angularjs中下面的JSON的每个数据值。但我无法找到一个方法。假设我想访问以下查询的类型,名称,大小,单位。那么,如何获得这个信息,请问有人能帮我解决这个问题吗?我想在Angularjs中访问下面的json的每个数据值。但我无法找到方法

{ 
"**openEHR-EHR-OBSERVATION.body_temperature.v1/data[at0002]/events[at0003]/data[at0001]/items[at0004]/value**":{ 

"type": "DV_QUANTITY", 

"name": "Temperature", 

"serie":[ 
{ 
"magnitude": 34, 

"units": "°C", 

"date": "2016-12-28 13:23:32" 

} 

] 
}, 
+0

粘贴清除json。 – Jigar7521

+0

请更具体地说明你正在努力完成什么。花几分钟时间通读[问] – charlietfl

+0

你检查了我的答案吗? –

你可以做这样的事情有纳克重复

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.name = { 
 
"openEHR-EHR-OBSERVATION.body_temperature.v1/data[at0002]/events[at0003]/data[at0001]/items[at0004]/value":{ 
 
"type": "DV_QUANTITY", 
 
"name": "Temperature", 
 
"serie":[ 
 
{ 
 
"magnitude": 34, 
 
"units": "°C", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"magnitude": 34, 
 
"units": "°C", 
 
"date": "2016-12-29 06:49:51" 
 
}, 
 
{ 
 
"magnitude": 38, 
 
"units": "°C", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
}, 
 
"openEHR-EHR-OBSERVATION.blood_pressure.v1/data[at0001]/events[at0006]/data[at0003]/items[at0004]/value":{ 
 
"type": "DV_QUANTITY", 
 
"name": "Systolic", 
 
"serie":[ 
 
{ 
 
"magnitude": 4, 
 
"units": "mm[Hg]", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"magnitude": 9, 
 
"units": "mm[Hg]", 
 
"date": "2016-12-29 06:49:51" 
 
}, 
 
{ 
 
"magnitude": 7, 
 
"units": "mm[Hg]", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
}, 
 
"openEHR-EHR-OBSERVATION.blood_pressure.v1/data[at0001]/events[at0006]/data[at0003]/items[at0005]/value":{ 
 
"type": "DV_QUANTITY", 
 
"name": "Diastolic", 
 
"serie":[ 
 
{ 
 
"magnitude": 6, 
 
"units": "mm[Hg]", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"magnitude": 17, 
 
"units": "mm[Hg]", 
 
"date": "2016-12-29 06:49:51" 
 
}, 
 
{ 
 
"magnitude": 12, 
 
"units": "mm[Hg]", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
}, 
 
"openEHR-EHR-OBSERVATION.pulse.v1/data[at0002]/events[at0003]/data[at0001]/items[at0004]/value":{ 
 
"type": "DV_QUANTITY", 
 
"name": "Rate", 
 
"serie":[ 
 
{ 
 
"magnitude": 6, 
 
"units": "/min", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"magnitude": 17, 
 
"units": "/min", 
 
"date": "2016-12-29 06:49:51" 
 
}, 
 
{ 
 
"magnitude": 15, 
 
"units": "/min", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
}, 
 
"openEHR-EHR-OBSERVATION.pulse.v1/data[at0002]/events[at0003]/data[at0001]/items[at0005]/value":{ 
 
"type": "DV_CODED_TEXT", 
 
"name": "Regular?", 
 
"serie":[ 
 
{ 
 
"code": "at0006at1028", 
 
"value": "Regular", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"code": "at0006at1028", 
 
"value": "Irregular", 
 
"date": "2016-12-29 06:49:51" 
 
}, 
 
{ 
 
"code": "at0006at1028", 
 
"value": "Irregular", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
}, 
 
"openEHR-EHR-OBSERVATION.respiration.v1/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value":{ 
 
"type": "DV_QUANTITY", 
 
"name": "Rate", 
 
"serie":[ 
 
{ 
 
"magnitude": 5, 
 
"units": "/min", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"magnitude": 9, 
 
"units": "/min", 
 
"date": "2016-12-29 06:49:51" 
 
}, 
 
{ 
 
"magnitude": 13, 
 
"units": "/min", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
}, 
 
"openEHR-EHR-OBSERVATION.respiration.v1/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value":{ 
 
"type": "DV_CODED_TEXT", 
 
"name": "Rhythm", 
 
"serie":[ 
 
{ 
 
"code": "at0006at0007", 
 
"value": "Regular", 
 
"date": "2016-12-28 13:23:32" 
 
}, 
 
{ 
 
"code": "at0006at0007", 
 
"value": "Regular", 
 
"date": "2016-12-29 06:49:51" 
 
} 
 
] 
 
} 
 
    
 
    } 
 

 
});
<!DOCTYPE html> 
 
<html ng-app="plunker"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
    <script src="app.js"></script> 
 
    </head> 
 

 
    <body ng-controller="MainCtrl"> 
 
<div ng-repeat="(k,v) in name"> 
 
<p>{{v.type}}</p> 
 
<p>{{v.name}}</p> 
 
<span ng-repeat="x in v.serie"> 
 
    magnitude: {{x.magnitude}}, 
 
    units:{{x.units}}, 
 
    date:{{x.date}}<br> 
 
</span> 
 
</div> 
 
    </body> 
 

 
</html>

+0

谢谢你的回答。它只为一个json工作。在这里,您将整个JSON传递给范围。所以如果我有上述多个jsons,我该怎么做?你能告诉我吗? – Ranjan

+0

你只显示了一个JSON,所以我只用可用的资源.....如果你提供的数据与多个JSON然后我可以根据该更新 –

+0

其中是整个JSON? –

工作演示:

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl', function($scope) { 
 
    $scope.jsonObj = { 
 
\t  "openEHR": { 
 
\t \t  "type": "DV_QUANTITY", 
 
\t \t  "name": "Temperature", 
 
\t \t  "serie": [{ 
 
\t \t \t \t  "magnitude": 34, 
 
\t \t \t \t  "units": "°C", 
 
\t \t \t \t  "date": "2016-12-28 13:23:32" 
 
\t \t \t }] 
 
\t  } 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    Type : {{jsonObj.openEHR.type}}<br> 
 
    Name : {{jsonObj.openEHR.name}}<br> 
 
    <div ng-repeat="item in jsonObj.openEHR.serie"> 
 
    Magnitude : {{item.magnitude}} 
 
    </div> 
 
</div>