無法從我的項目中使用本地JSON文件

我有這樣的代碼，但它不斷給我一個錯誤無法從我的項目中使用本地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; 
    })

這這裏是我的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。請幫助，並提前謝謝

來源

2017-07-04 sameer lol

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

對不起，但我試過你是它的解決方案，它仍然沒有工作，它沒有改變任何東西，我仍然有同樣的錯誤，任何其他的想法？感謝您的幫助 –

刪除您的JSON文件的最後一行中的分號。

此外，數據屬於data財產。使用data.data

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

來源

2017-07-04 08:44:42

當我使用.then（功能（data.data）它給了我一個額外的錯誤：「未捕獲的SyntaxError：意外的令牌。」並且它不解決第一個 –

你可以找到你需要的對象data.data 嘗試使用錯誤回電這樣捕獲錯誤

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

來源

2017-07-04 08:56:20

我試過了，但它只添加了一個新的錯誤!!關於如何解決這個問題的任何其他想法，謝謝你的幫助（y） –

你得到了什麼樣的錯誤？當我嘗試時，我知道了它可以讓我們愉快地顯示效率 –

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

無法從我的項目中使用本地JSON文件

回答

相關問題