JSON数组DISPLY上述<立GT;采用了棱角分明的js [英] json array disply in <li> using angular js

查看:219
本文介绍了JSON数组DISPLY上述<立GT;采用了棱角分明的js的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

JSON数组我收到后拿到API调用,我得到以下JSON响应。

{反应:[{严重性:{标签:严重的},标签:皮肤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\"}\".
我只是需要只显示

:[{严重皮疹:{标签:严重},标签,}]李标签。我该怎么办呢?

我需要填充&LT此JSON数组;李> 在HTML5。我该怎么办呢?我使用restangular:

角JS文件:

  Restangular.one('APIName',Parameter_to_api)获得()。然后(功能(结果){  $ scope.datalist =结果;
}

HTML文件

 < UL类=链接>
   <李NG重复=数据DataList控件>< /李>
< / UL>


解决方案

试试这个

\r
\r

VAR应用= angular.module('应用',[]);\r
\r
app.controller('firstCtrl',函数($范围){\r
\r
  $ scope.datalist = {\r
    DATA1:[2,3,4],\r
    DATA2:[6,7,8,]\r
    DATA4:[9,10,12]\r
  }\r
\r
});

\r

&LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.2.23/angular.min.js\"></script>\r
\r
&LT;机身NG-应用=应用程序&GT;\r
  &LT; D​​IV NG控制器=firstCtrl&GT;\r
\r
    &LT; UL类=链接NG重复=数据DataList控件&GT;\r
      &LT;李NG重复=我的数据&GT; {{I}}&LT; /李&GT;\r
    &LT; / UL&GT;\r
\r
  &LT; / DIV&GT;\r
&LT; /身体GT;

\r

\r
\r

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>

解决方案

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>

这篇关于JSON数组DISPLY上述&lt;立GT;采用了棱角分明的js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆