Question

我想将外部json本地文件加载到我的网页。我使用angular1。但它给了我一个参考错误：数据没有定义。这是我的控制器里面的代码：

$scope.items = [];

$scope.loadData = function () {
    var httpRequest = $http({
        method: "GET",
        url: 'joblist.json',
        data: data

    }).success(function (data, status) {
        $scope.items = data;
    });

这是我的json文件：

{"data": [{
"JobTitle": "QA Tester",
"JobCreated": "Apr 5 2018",
"JobLocation": "Pasig",
"Company": "Tencentech"
},
{
"JobTitle": "Back-End Developer",
"JobCreated": "March 19 2018",
"JobLocation": "Manila",
"Company": "Dev-Touch"
},
{
"JobTitle": "Mobile Developer",
"JobCreated": "Feb 26 2018",
"JobLocation": "Makati",
"Company": "Tose Software"
},
{
"JobTitle": "Project Manager",
"JobCreated": "Jan 8 2018",
"JobLocation": "Mandaluyong",
"Company": "Gameloft"
},
{
"JobTitle": "Accountant",
"JobCreated": "Apr 20 2018",
"JobLocation": "Taguig",
"Company": "Omnipay"
}]
}

可能是什么问题？

Answer 1

component == 1

请改用.success(function (data, status) { $scope.items = data.data; });。传递给data.data的对象是响应对象而不是接收到的数据。 .success(function (data, status)包含收到的数据。

Answer 2

尝试从$ http对象中删除data:data

Answer 3

您传递给$http的对象包含对data对象的引用。在您引用它之前，它似乎没有定义。这是问题吗？

请参阅以下代码段中的数据变量

$http({
    method: "GET",
    url: 'joblist.json',
    data: data

})

引用错误：未定义数据

3 个答案: