[英]How to parse Drupal JSON data in angularjs app
我从 Drupal rest api 获得了以下 JSON resposne。 如何在我的移动应用程序 - AngularJs http 服务中解析它?
[ { "nid":"2", "title":"<a href=\\"/sell/test-event-1\\">Test Event 1</a>", "field_event_list":"List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . Summery of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . ", "event_date":"<div class=\\"date-display-range\\"><span class=\\"date-display-start\\" property=\\"dc:date\\" datatype=\\"xsd:dateTime\\" content=\\"2016-05-20T00:00:00+05:30\\">Friday, May 20, 2016</span> to <span class=\\"date-display-end\\" property=\\"dc:date\\" datatype=\\"xsd:dateTime\\" content=\\"2016-05-31T00:00:00+05:30\\">Tuesday, May 31, 2016</span></div>" } ]
例如。
控制器
app.controller('MyCtrlr', function ($scope, $http) {
$http.get("YOUR_DRUPAL_API").success(function(response){
//Store your JSON Response
$scope.jsonResp = [
{
"nid":"2",
"title":"<a href=\"/sell/test-event-1\">Test Event 1</a>",
"field_event_list":"List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . Summery of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . List of Test Event 1 . ",
"event_date":"<div class=\"date-display-range\"><span class=\"date-display-start\" property=\"dc:date\" datatype=\"xsd:dateTime\" content=\"2016-05-20T00:00:00+05:30\">Friday, May 20, 2016</span> to <span class=\"date-display-end\" property=\"dc:date\" datatype=\"xsd:dateTime\" content=\"2016-05-31T00:00:00+05:30\">Tuesday, May 31, 2016</span></div>"
}
];
});
});
//AngularJS filter to strip HTML tags from your JSON properties
app.filter('getPlaintext', function() {
return function(text) {
return text ? String(text).replace(/<[^>]+>/gm, '') : '';
}
});
看法
<table ng-controller="MyCtrlr">
<tr>
<td>nid</td>
<td>title</td>
<td>field_event_list</td>
<td>event_date</td>
</tr>
<tr ng-repeat="data in jsonResp">
<td>{{data.nid}}
</td>
<td>{{data.title | getPlaintext}}</td>
<td>{{data.field_event_list | getPlaintext}}
</td>
<td>{{data.event_date | getPlaintext}}
</td>
</tr>
</table>
见小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.