javascript - json array disply in <li> using angular js

Question

Welcome To Ask or Share your Answers For Others

javascript - json array disply in <li> using angular js

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

javascript - json array disply in <li> using angular js

JSON array I am getting after get API call, I am getting following json response.

{
    "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"
}".

And I need to just display only

":[{"severity":{"label":"Severe"},"label":"Skin Rash"}]" in li tag. How can I do that ?

I need to populate this json array in <li> in html5. How can I do it? I am using restangular.:

Angular JS file:

Restangular.one('APIName', Parameter_to_api).get().then(function (result) {

  $scope.datalist= result;
}

HTML file

<ul class="links">
   <li ng-repeat="data in datalist"></li>                   
</ul>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2022-01-31T07:26:49+0000

Try this

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>

Categories

javascript - json array disply in <li> using angular js

javascript - json array disply in <li> using angular js

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags

Categories

javascript - json array disply in &lt;li&gt; using angular js

javascript - json array disply in &lt;li&gt; using angular js

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags

javascript - json array disply in <li> using angular js

javascript - json array disply in <li> using angular js