parsingJSON并在Angular中显示数据

我在Angular中显示JSON数据时遇到了麻烦。 我成功地将数据从后端发送到前端（Angular），但是我无法显示它们。

我试图模拟JSFiddle类似的情况，虽然我已经从后端准备数据

获取/发送数据 – >后端：

//push data to Redis var messages= JSON.stringify( [ { "name": "Msg1", "desc": "desc Msg1" }, { "name": "Msg2", "desc": "desc Msg2" }, { "name": "Msg3", "desc": "desc Msg3" }, { "name": "Msg4", "desc": "desc Msg4" } ]); redisClient.lpush('list', messages, function (err, response) { console.log(response); }); //get from redis and send to frontend app.get('/messages', function(req, res){ // Query your redis dataset here redisClient.lrange('list', 0, -1, function(err, messages) { console.log(messages); // Handle errors if they occur if(err) res.status(500).end(); // You could send a string res.send(messages); // or json // res.json({ data: reply.toString() }); }); }); 

获取数据 – >前端（Angular）

 angular.module('app') .controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { 'use strict'; getFromServer(); function getFromServer(){ $http.get('/messages') .success(function(res){ $scope.messages= res; console.log(res); }); } }]) 

带ng-repeat指令的HTML部分：

 <div ng-app="app" ng-controller="MainCtrl" class="list-group"> <div class="list-group-item" ng-repeat="item in messages"> <h4 class="list-group-item-heading">{{item.name}}</h4> <p class="list-group-item-text">{{item.desc}}</p> <div> </div> 

有谁知道问题是什么？

Answer 1

据我所知，你把你的对象存储为JSON，但你永远不会parsing它。 因此使用

 $scope.messages = JSON.parse(res); 

代替

 $scope.messages = res; 

应该解决你的问题。

这里是你的一个工作的JSFiddle版本： https ://jsfiddle.net/29y61wtg/5/

请注意，这不包括$ http调用，如果您在使用$ http后仍然有问题，请在评论中告诉我。