Отображение массива json в <li> с использованием угловых js
Я получаю массив JSON после вызова API, получаю следующий ответ JSON.
{
"reactions":[{
"severity":{
"label":"Severe"
},
"label":"Skin Rash"
}],
"audit":{
"source":"medicare",
"createDate":"2015-03-02T18:39:23Z",
"updateDate":"2015-03-02T18:39:23Z",
"version":"1"
},
"label":"Other - IODINE",
"ended":"2007-10-28T00:00:00-04:00",
"started":"1993-01-01T00:00:00-05:00",
"date":"2015-03-02T18:37:42Z"
}".
И мне нужно только отображать только
":[{"severity":{"label":"Severe"},"label":"Skin Rash"}]"
в теге li. Как я могу это сделать?
Мне нужно заполнить этот массив JSON в <li>
в HTML5. Как мне это сделать? Я использую Restrict.
Угловой файл JS:
Restangular.one('APIName', Parameter_to_api).get().then(function (result) {
$scope.datalist= result;
}
HTML-файл
<ul class="links">
<li ng-repeat="data in datalist"></li>
</ul>
1 ответ
Попробуй это
var app = angular.module('app', []);
app.controller('firstCtrl', function($scope) {
$scope.datalist = {
data1: [2, 3, 4],
data2: [6, 7, 8, ],
data4: [9, 10, 12]
}
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="app">
<div ng-controller="firstCtrl">
<ul class="links" ng-repeat="data in datalist">
<li ng-repeat="i in data">{{i}}</li>
</ul>
</div>
</body>