Отображение массива json в <li> с использованием угловых js

Я получаю массив JSON после вызова API, получаю следующий ответ JSON.

{
    "reactions":[{
        "severity":{
            "label":"Severe"
        },
        "label":"Skin Rash"
    }],
    "audit":{
        "source":"medicare",
        "createDate":"2015-03-02T18:39:23Z",
        "update‌​Date":"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>

Другие вопросы по тегам