首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS在表格中显示JSON数据

AngularJS在表格中显示JSON数据
EN

Stack Overflow用户
提问于 2014-11-21 14:59:22
回答 2查看 9.8K关注 0票数 1

我使用的AngularJS与RESTAPI,我能够得到客户的数据从服务器发送的JSON格式。我的Angular代码片段如下:

代码语言:javascript
运行
复制
  app.factory("services", ['$http', function($http) {
  var serviceBase = '/api/album';
    var obj = {};
    obj.getCustomers = function(){
        return $http.get(serviceBase);
    };
    return obj;   
}]);
    app.controller('listCtrl', function ($scope, services) {
services.getCustomers().then(function(data){
    alert(JSON.stringify(data.data));
    $scope.customers = data.data;
    });
});

以下是我的JSON数据:

代码语言:javascript
运行
复制
{
"data": [
    {
        "id": "1",
        "artist": "Gotye75",
        "title": "Making  Mirrors7"
    },
    {
        "id": "100",
        "artist": "ytttt5",
        "title": "1231"
    },
    {
        "id": "101",
        "artist": "65",
        "title": "565444555"
    },
    {
        "id": "102",
        "artist": "6",
        "title": "6"
    },
    {
        "id": "103",
        "artist": "y",
        "title": "yy"
    },
    {
        "id": "104",
        "artist": "ty",
        "title": "yt"
    },
    {
        "id": "109",
        "artist": "ytrer",
        "title": "yt"
    }
    ]
}

如果我的JSON不包含" data“hear,我可以在表格中显示JSON数据。但是,如果我的jSON数据带有" data“头,它就无法显示。我在问,在Angular中解析JSON对象的解决方案是什么?

例如,如果是在BackboneJS中,我可以简单地这样做

代码语言:javascript
运行
复制
    parse: function (response) {
    //alert(JSON.stringify(response.data));
    return response.data;
}

我如何在Angular中做到这一点?

EN

Stack Overflow用户

发布于 2014-11-21 15:24:34

我解决了这个问题

代码语言:javascript
运行
复制
app.controller('listCtrl', function ($scope, services) {
    services.getCustomers().then(function(data){
    //notice that i added the third data
    $scope.customers = data.data.data;
    }); 
});
票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27055807

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档