【问题标题】:json array disply in <li> using angular js使用角度js在<li>中显示json数组
【发布时间】:2015-03-17 22:51:06
【问题描述】:

获取 API 调用后我得到的 JSON 数组,我得到以下 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 标签中。 我怎样才能做到这一点 ?

我需要在 html5 中的 &lt;li&gt; 中填充这个 json 数组。我该怎么做?我正在使用restangular。:

Angular 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>

【问题讨论】:

  • 这是我的 HTML 文件:
  • How can I do it ...您在流程的哪个部分遇到问题?问题不是很清楚
  • @charlietfl:在进行 API 调用后,我收到了 json 数组的响应。我在问题中提到过。我需要将该 json 数组填充到
  • 标记中。我怎样才能做到这一点。我在问题中提到的 Json 响应格式。我已经解释过我是如何做到这一点的。对不起。
  • 我没有看到发布的代码有任何问题。但是,我也没有看到任何提及预期的内容,或者看到的内容而不是预期的内容。
  • 您已经在做,您只需将 datalist 设置为您想要的任何数组。现在它被设置为一个对象。所以把它改成 $scope.datalist = result.data1 什么的
  • 标签: javascript json angularjs html restangular


    【解决方案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>

    【讨论】:

    • 嗨@sylwester:还有一个问题。现在要求。改变。我收到以下 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","end" :"2007-10-28T00:00:00-04:00","开始":"1993-01-01T00:00:00-05:00","日期":"2015-03-02T18:37: 42Z"}"。我只需要在 li 标签中显示 ":[{"severity":{"label":"Severe"},"label":"Skin Rash"}]" 。我该怎么做?
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签