Угловой JS REST API GET Не отображать данные

Question

Nooby Вопрос здесь. У меня есть тестовые данные продаж в формате JSON и вы хотите отображать данные в таблице с помощью Angular JS.

Угловой код.

var SalesDataApp = angular.module("SalesDataApp", []); 

app.factory("services", ['$http', function ($http) { 
var serviceBase = '/api/sales'; 
var obj = {}; 
obj.getCustomers = function() { 
    return $http.get(serviceBase); 
}; 
return obj; 
}]); 
app.controller('SalesDataController', function ($scope, services) { 
services.getCustomers().then(function (data) { 
    alert(JSON.stringify(data)); 
    $scope.customers = data; 
}); 
}); 

Я знаю, Theres лучших способов сделать это, но им просто углубляясь в угловой ... Heres моего HTML ..

<div ng-controller="SalesDataController"> 
<table class="table table-striped" > 
<tr><th>ID</th> 
</tr> 
    <tr ng-repeat="a in salesData"> 
     <td>{{a.Index}}</td> 
    </tr> 

</table> 
</div> 

Ive сделал тест, чтобы увидеть, если угловой работают и то победитель , но код ничего не отображает. Где я буду ошибаться?

Благодаря

Answer 1

Я не вижу переменную с именем SalesData в контроллере, вероятно, вы должны передать его в качестве клиентов в HTML.

<div ng-controller="SalesDataController"> 
<table class="table table-striped" > 
<tr><th>ID</th> 
</tr> 
    <tr ng-repeat="a in customers"> 
     <td>{{a.Index}}</td> 
    </tr> 

</table> 
</div> 

Также измените ваше имя приложения

От:

var SalesDataApp = angular.module("SalesDataApp", []); 

To:

var app = angular.module("SalesDataApp", []); 

Answer 2

var app = angular.module("SalesDataApp", []); 

app.factory("services", ['$http', function ($http) { 
    var serviceBase = '/api/sales'; 
    var obj = {}; 
    obj.getCustomers = function() { 
    return $http.get(serviceBase); 
    }; 
    return obj; 
}]); 
app.controller('SalesDataController', function ($scope, services) { 
    services.getCustomers().then(function (data) { 
    console.log(data); //changed 
    $scope.customers = data; 
    }); 
}); 

Я добавил .json в строку serviceBase. Я исхожу из того, что у вас есть файл sales.json в правильном месте относительно этого приложения. Теперь вы должны увидеть данные в консоли. В зависимости от того, как он форматируется в файле JSON, он также может быть в пользовательском интерфейсе. Если это не так, вам нужно правильно установить $ scope.customers, используя структуру данных, отображаемую в консоли.