angularjs – Colocar Json local em Json externo $http Angular / Ionic


I want to pull this Json data from the Service by an External Json via $http. I found several examples but they are not returning results for me.

.service('ProdutosService', function($q) {
return {
produtos: [

     "nomeProd": "nomeproduto",
     "codCat": "nomecategoria",
     "id": "01"
     "nomeProd": "nomeproduto2",
     "codCat": "nomecategoria2",
     "id": "02"


getProdutos: function() {
  return this.produtos

getProduto: function(produtoId) {
  var dfd = $q.defer()
  this.produtos.forEach(function(produto) {
    if ( === produtoId) dfd.resolve(produto)

    return dfd.promise


You can pull files from the project or from an external server using $http.get, have you tried that way? I'm just going to change your getProdutos, I can't test the complete code now, see if it helps.

getProdutos: function () {
    $http.get('js/produtos.json').then(function (retorno) {
         this.produtos =;
         return this.produtos;
Scroll to Top