不能在$ http.get()函数中使用我项目中的本地json文件

时间:2017-07-04 08:41:42

标签: angularjs http-get

我有这段代码,但它一直给我一个错误

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()来获取本地网址。 请提前帮助并表示感谢

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:1)

您可以在data.data找到所需的对象 尝试使用这样的错误回调来捕获错误

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