2017-07-04 71 views
0

我有这样的代码,但它不断给我一个错误无法从我的项目中使用本地JSON文件

app.controller('myController',["$scope", '$location', '$http', '$rootScope',function($scope, $location, $http, $rootScope){ 
    $scope.gridOptions1 = { 
    paginationPageSize: 15, 
    columnDefs: [ 
     { name: 'الاسم' }, 
     { name: 'الجنس' }, 
     { name: 'الشركة' } 
    ] 
    }; 
    $http.get('/data/mydata.json') 
    .then(function (data) { 
    $scope.gridOptions1.data = data; 
    }) 

this is the error: 这这里是我的JSON文件:

[ 
{ 
    "الاسم": "سمير", 
    "العائلة": "سمراوي", 
    "العمر": "32", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "حمدان", 
    "العائلة": "ابو حميد", 
    "العمر": "20", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "خالد", 
    "العائلة": "خلدون", 
    "العمر": "15", 
    "الجنس": "ذكر" 
},{ 

    "الاسم": "سمير", 
    "العائلة": "سمراوي", 
    "العمر": "32", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "حمدان", 
    "العائلة": "ابو حميد", 
    "العمر": "20", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "خالد", 
    "العائلة": "خلدون", 
    "العمر": "15", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "سمير", 
    "العائلة": "سمراوي", 
    "العمر": "32", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "حمدان", 
    "العائلة": "ابو حميد", 
    "العمر": "20", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "خالد", 
    "العائلة": "خلدون", 
    "العمر": "15", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "سمير", 
    "العائلة": "سمراوي", 
    "العمر": "32", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "حمدان", 
    "العائلة": "ابو حميد", 
    "العمر": "20", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "خالد", 
    "العائلة": "خلدون", 
    "العمر": "15", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "سمير", 
    "العائلة": "سمراوي", 
    "العمر": "32", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "حمدان", 
    "العائلة": "ابو حميد", 
    "العمر": "20", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "خالد", 
    "العائلة": "خلدون", 
    "العمر": "15", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "سمير", 
    "العائلة": "سمراوي", 
    "العمر": "32", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "حمدان", 
    "العائلة": "ابو حميد", 
    "العمر": "20", 
    "الجنس": "ذكر" 
}, 
{ 
    "الاسم": "خالد", 
    "العائلة": "خلدون", 
    "العمر": "15", 
    "الجنس": "ذكر" 
} 
]; 

该文件被称为mydata.json。 '赦免语言差异'。 我认为我的问题是我没有使用$http.get()函数的正确方法。我不知道天气我可以使用$ http.get()为本地URL。 请帮助,并提前谢谢

+0

https://plnkr.co/edit/P0HQeO2rGerVquLrARSm?p=preview – Sajeetharan

+0

对不起,但我试过你是它的解决方案,它仍然没有工作,它没有改变任何东西,我仍然有同样的错误,任何其他的想法?感谢您的帮助 –

回答

1

删除您的JSON文件的最后一行中的分号。

此外,数据属于data财产。使用data.data

$http.get('/mydata.json') 
    .then(function (data.data) { 
    $scope.gridOptions1.data = data.data; 
    }); 
+0

当我使用.then(功能(data.data)它给了我一个额外的错误:“未捕获的SyntaxError:意外的令牌。”并且它不解决第一个 –

1

你可以找到你需要的对象data.data 尝试使用错误回电这样捕获错误

$http.get('/mydata.json') 
    .then(function (data) { 
    $scope.gridOptions1.data = data; 
    },function(err){ 
    console.log(err); 
}); 
+0

我试过了,但它只添加了一个新的错误!!关于如何解决这个问题的任何其他想法,谢谢你的帮助(y) –

+0

你得到了什么样的错误?当我尝试时,我知道了它可以让我们愉快地显示效率 –

+0

:FileJS.js: 187 Uncaught SyntaxError:意外的令牌 –

相关问题