JSON数组DISPLY上述&lt;立GT;采用了棱角分明的js [英] json array disply in <li> using angular js
问题描述
JSON数组我收到后拿到API调用,我得到以下JSON响应。
{反应:[{严重性:{标签:严重的},标签:皮肤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\"}\".
我只是需要只显示
:[{严重皮疹:{标签:严重},标签,}]李标签。我该怎么办呢?
我需要填充&LT此JSON数组;李&GT;
在HTML5。我该怎么办呢?我使用restangular:
角JS文件:
Restangular.one('APIName',Parameter_to_api)获得()。然后(功能(结果){ $ scope.datalist =结果;
}
HTML文件
&LT; UL类=链接&GT;
&LT;李NG重复=数据DataList控件&GT;&LT; /李&GT;
&LT; / UL&GT;
试试这个
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 =https://ajax.googleapis.com/ajax /libs/angularjs/1.2.23/angular.min.js\"></script>\r
\r
&LT;机身NG-应用=应用程序&GT;\r
&LT; DIV 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
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","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"}". 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屋!