Проблема, отображающая JSON через услугу с угловым

Question

Я создал службу, которая считывает json и возвращает данные. Но по какой-то причине он, похоже, не работает и не дает мне ошибку, что делает его очень трудным для отладки. Я надеялся, что кто-то может найти проблему.

Прежде всего, у меня есть этот контроллер в файле с именем сборки-controler.js

'use strict'; 
(function() { 

var app = angular.module('priceQuoteApp'); 

var quoteBuilderController = function ($scope, $http, $timeout, ProductsFactory) { 

    var products = ProductsFactory.loadProducts(); 

    $scope.listOfProducts = products; 

//other stuff going on 
}; 

app.controller('quoteBuilderController', ['$scope', '$http', '$timeout', 'ProductsFactory', quoteBuilderController]); 

}()); 

В loadProducts функция() сидит в моей службы называется сервис-JS и выглядит следующим образом ...

'use strict'; 
var priceQuoteApp = angular.module('priceQuoteApp'); 

var loadProductUrl = "scripts/json/sample-products.json"; 

priceQuoteApp.factory("ProductsFactory", function ($http) { 

return { 
    loadProducts: function() { 
     //Create an object to hold your result 
     var result = {}; 

     $http.get(loadProductUrl) 
      .then(function (allProducts) { 
       result = allProducts.data.Connectivity; 
      }) 
      .finally(function() { 

      }); 
    } 
}; 
}); 

«Связь» добавляется к данным причина в том, что я только хочу, чтобы выбрать ту часть вложенного JSON

{ 
"Connectivity": [ 
    {"product_id": 1, "product_name": "bla" }, 
    {"product_id": 2, "product_name": "bla2"} 
], 
"Other": [ 
    {"product_id": 1, "product_name": "bla" }, 
    {"product_id": 2, "product_name": "bla2"} 
] 

}

Наконец, на мой взгляд, я пытаюсь отобразить результат в нг-повтора, но он не работает

<table class="table table-hover margin bottom table-striped"> 
       <tr ng-repeat='product in listOfProducts'      > 
       <td><h4>{{product.product_name}}</h4></td> 
       </tr> 
</table> 

Может кто-нибудь увидеть, что я делаю неправильно? Действительно ли я правильно заказываю продукты? Спасибо

Answer 1

Я думаю, что это просто случай, когда вам нужно фактически вернуть результат вашего вызова $ http.

Вы назначаете данные объекту результата, но не возвращаете его в вызове loadProducts.

Так просто сделать

return result; 

После создания запроса на $ HTTP