私はservcises/employees.jsというサービスを作成したサービス

Question

を介してデータを取得します。

angular.module('dashyAppApp') 
    .service('employees', function() { 
    this.getEmployees = function() { 
     return $.get('/data/employee.json'); 
    }; 
    }); 

このサービスは、データフォルダ内のJSONファイルを読むために仮定されます。ここで

{ 
    "countries": [ 
    { 
     "country": "Cameroon", 
     "employ_count": 50, 
    }, 
    { 
     "country": "United States", 
     "employ_count": 738 
    } 
] 
} 

私のコントローラ/ main.jsです：

.controller('MainCtrl', function ($scope, employees, Markers) { 
    var _this = this; 
    employees.getEmployees().then(
     function(data) { 
    _this.items = data; 
     } 
    ); 
}); 

そしてここでは、私の見解である：

<div ng-repeat="item in main.items.countries"> 
     <h4>{{item.country}}</h4> 
    </div> 

は、残念ながら何も表示されていません。私は何が間違っているのか分からない。 AngularJSを介してデータを取得するための

Answer 1

ユーザー$http：

angular.module('dashyAppApp') 
    .service('employees', function ($http) { 
    this.getEmployees = function() { 
     return $http.get('/data/employee.json'); 
    }; 
    }); 

、追加、あなたがJOSNが"employ_count": 50後に余分なコンマを持っているようです。それを取り除こうとすることはできますか？