Generate angular pdf using javascript

I'm not sure if this might work for you, but it's the way I do to download CSV by ajax using AngularJS. You could create a link on the function return and associate with the URL the path of the created object ... something like:

$http({
    url: 'END_IP/relatorios/participacao',
    method: 'POST',
    data: {
        id: id,
        folha: folha,
        desc: desc
    }
}).success(function(data) {

    var a = document.createElement("a"); // cria o elemento
    document.body.appendChild(a); // adiciona no DOM
    a.style = "display: none"; // torna invisivel
    // \ufeff - para caracteres especiais
    var blob = new Blob(["\ufeff", data], {
            type: 'application/pdf'
        }),
        url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = "download.pdf";
    a.click(); // invoca o download do arquivo

    // para informar o navegador que não é mais necessário 
    //manter a referência para o arquivo
    window.URL.revokeObjectURL(url);

}).error(function(erro) {
    console.log(erro);
});

I've done something similar, the difference is that my response in java returns a ByteArrayInputStream. Try the code keeping your java code, if it does not work try to change byte [] by ByteArrayInputStream ... I solved it as follows:

I added the code below into the resource

  cache: true,
  transformResponse: function(data, headersGetter, status) {
     var pdf = data;
     if (data && status < 400) {
        pdf = new Blob([data], {
          type: 'application/pdf'
        });
     }
     return {response: pdf};
   }

Then it would look something like this:

Your controller:

restService.relatorio.save({
  id: controller.contrato.id,
  folha: controller.receita.folha,
  descricao: controller.receita.desc},
  function (response){
   var file = URL.createObjectURL(response.response);
   window.open(file);
  },
  function(respostaErro){
   // Aqui recupera alguma string caso o java retorne informando o erro
   var charCodeArray = Array.apply(null, new Uint8Array(
     respostaErro.data.response));
   var mensagem = '';
   for (var i = 0, len = charCodeArray.length; i < len; i++) {
     var code = charCodeArray[i];
     mensagem += String.fromCharCode(code);
   }
   alert(mensagem);
  });

Your service:

service.relatorioPart = $resource(REST_API.url + '/relatorios/participacao', {
    id: '@id',
    folha: '@folha',
    desc: '@descricao'
},
{
  responseType: 'arraybuffer',
  cache: true,
  transformResponse: function(data, headersGetter, status) {
     var pdf = data;
     if (data && status < 400) {
        pdf = new Blob([data], {
          type: 'application/pdf'
        });
     }
     return {response: pdf};
   }
});

In this case what I do is the following in the angle:

window.location.href="http://localhost/suaapp/pdf?parametros"

This URL will return a Response content type "application / pdf" and automatically the browser will ask to download.

You can do this as follows:

resource creation:

var app = angular.module('app', ['ngResource']);

app.factory("PDFResource", function ($resource) {
    return $resource("REST_API.url + '/relatorios/participacao',
        {
             id: '@id',
             folha: '@folha',
             desc: '@descricao'
        },
        {
            'save' : {
                 method : 'POST',
                 responseType: 'arraybuffer',
                 transformResponse: function(data, headersGetter) {
                 return { data : data };
            }
        }
    });
)};

Your Service:

@POST
@Secured
@Path("/participacao")
@Consumes(MediaType.APPLICATION_JSON)
@Produces("application/pdf")
public Response imprimirRelatorioExtratoCoparticipacao(@Context HttpServletRequest request, HashMap<String, Object> filtros) throws              PadraoException, Exception {
    try {

        Map dadosUsuario = restUtil.dadosUsuario(request);
        //Retorna um array de byte com os dados buscados no banco
        byte[] bytesRelatorio =     nrelatorio.gerarBytesRelatorioExtratoCoparticipacao(filtros, dadosUsuario, "C:\xxxx\Desenvolvimento\as-aplicacao\");

        if (bytesRelatorio == null) {
            return Response.status(204).build();
        }

        return Response.ok(bytesRelatorio).build();
    } catch (Exception e) {
        return Response.status(INTERNAL_SERVER_ERROR).build();
    }
}

And would use it like this:

PDFResource.save(function(response){
    console.log(response);
    var file = new Blob([response.data], {type: 'application/pdf'});
    var fileURL = URL.createObjectURL(file);
    window.open(fileURL);
}, function (err){
    console.log(err);
});

PDFResource must be injected into your controller