Angularjs - 如何从json中提取某些数据

时间:2014-08-20 10:11:43

标签: angularjs angularjs-scope

我有这个json示例,我需要单独获取数据。

JSON:

[
    {
        "web": "63",
        "mobile": "2525",

    },
    {
        "web": "70",
        "mobile": "1886",

    },
    {
        "web": "65",
        "mobile": "1044",

    }
]

然后在控制器中:

myData.get ().then (function (data) {
            $scope.data = data;//this is fine
            console.log(data);
            $scope.web = data.web//this does not work
            $scope.mobile = data.mobile//this does not work
            console.log($scope.data.web);//this does not work
            console.log($scope.web);//this does not work

            //and then lets say I want to pass them in the url
            var myUrl = "www.myurl.com/"+$scope.web+$scope.mobile;
      });

所以基本上我需要能够处理json文件中的单个数据,所以我可以在应用程序逻辑中的任何地方传递它们。我做错了什么?

heres plunker:http://plnkr.co/edit/Dre5j8yLDoJek89KCmak?p=preview

非常感谢你的帮助

2 个答案:

答案 0 :(得分:1)

您需要使用data内的$scope对象。因此,如果您尝试以下操作,它应该正常工作。 console.log($scope.data)console.log($scope.data.web)

在控制器中,定义一个空数组,然后为其分配响应。

var localdata = [];
// http call goes here
localdata = response.data;
// access the required members of localdata array
// since it's an array, you need to access individual data elements with index
// for example:
console.log($scope.data[0].web)

答案 1 :(得分:0)

使用

$scope.data = angular.fromJson(data);
console.log($scope.data);

并检查