angularjs - Fazer uma única lista pegando dados em mais de uma classe

[Itacolomy]

Srs., boa tarde!

Estou tentando criar uma lista para ser exibida numa view, para preencher a lista parte das informações eu pego em uma determinada classe(Escalacao) e outras informações eu deveria pegar em outras classes, por exemplo(PeopleObject).

O Motivo é ... na classe Escalcao eu tenho os id's das entidades e vários outros dados, já na classe PeopleObject eu tenho o nome destas entidades.

Para montar a lista, eu preciso exibir o nome que encontra-se na classe PeopleObject e os dados referente a este nome, que encontram-se na classe Escalcao.

O que fiz até agora foi o seguinte, no meu controller, eu consumo um service que retorna os dados da escalacao, daí eu passo os dados retornados do service para variáveis e depois gravo em um objeto, porém eu preciso também gravar os nomes associados aos id's da classe escalacao, qual a forma de fazer isso?

//CONTROLE

example.controller('equipecontrol', ['EquipeService','PessoasService','$scope','$q', function(EquipeService,PessoasService,$scope,$q) {

  Parse.initialize('APPLICATION_ID', 'JAVASCRIPT_KEY'); 
  Parse.serverURL = 'https://parseapi.back4app.com';

  var $scope.equipes = {};

  EquipeService.getEscalacao().then(function(escalacao) {
      
      for (var i = escalacao.length - 1; i >= 0; i--) {

        var objescalcao = escalacao[i];

        ngolsjogador  = objescalcao.attributes['Gols'];               //Quantidade de Gols do Jogador
        nfltajogador  = objescalcao.attributes['faltas'];             //Quantidade de Faltas do Jogador
        ncrtamarelos  = objescalcao.attributes['cartao_amarelo'];     //Quantidade de Cartões Amarelos
        ncrtvermelhos = objescalcao.attributes['cartao_vermelho'];    //Quantidade de Cartões Vermelhos
        nptoscraque   = objescalcao.attributes['PontuacaoCraque'];    //Quantidade de Pontos para eleição do Craque
        nptosdestaque = objescalcao.attributes['PontuacaoDestaque'];  //Quantidade de Pontos para eleição Destaque
        nptosmaster   = objescalcao.attributes['PontuacaoMaster'];    //Quantidade de Pontos para eleição Master
        nptosgoleiro  = objescalcao.attributes['pontuacaogoleiro'];   //Quantidade de Pontos para eleição Goleiro

        idjogador     = objescalcao.attributes['jogador'].id;         //id do jogador
        idtime        = objescalcao.attributes['time'].id;            //id do time/equipe
        idjogoude     = objescalcao.attributes['jogoude'].id;         //id da posição que jogador atuou
        idpelada      = objescalcao.attributes['pelada'].id;          //id da pelada

        nomepessoa = nomedojogador(idjogador);            <--- Alguma sugestão de como deve fazer isso?
        nomeposicaooriginal = nomedaposicao(idjogador);   <--- Alguma sugestão de como deve fazer isso?
        nomedotimequejogou = nomedotime(idtime);          <--- Alguma sugestão de como deve fazer isso?
        posicaoquejogou = nomedaposicao(idjogoude);       <--- Alguma sugestão de como deve fazer isso?
        nomedapelada = nomedapelada(idpelada);            <--- how suggestion to do this?
          
        $scope.equipes =  { "jogador": nomepessoa,
                            "posicaoriginal":nomeposicaooriginal,
                            "time": nomedotimequejogou,
                            "nomepelada": nomedapelada,
                            "funcao": posicaoquejogou,
                            "gols": ngolsjogador,
                            "faltas": nfltajogador,
                            "cartoesamarelo": ncrtamarelos,
                            "cartoesvermelho": ncrtvermelhos,
                            "pontoscraque": nptoscraque,
                            "pontosdestaque": nptosdestaque,
                            "pontosmaster": nptosmaster, 
                            "pontosgoleiro": nptosgoleiro
                          };
      }
    }, 
      function(error){
        console.log('Error MinhaPelada-Controller-EquipeService: '+error)
      }
  );
}]);


//SERVICE

(function() {
 'use strict';

  var example = angular.module('starter')
 
  example.service('EquipeService', ['$q', function($q) {
      
    var aDadosEscalacao = {};
    
    this.getEscalacao = function(params) {

      Parse.initialize('APPLICATION_ID', 'JAVASCRIPT_KEY'); 
      Parse.serverURL = 'https://parseapi.back4app.com';

      var deferred = $q.defer();

      var EscalacaoObject = Parse.Object.extend("Escalacao");
      var Escalacaoquery = new Parse.Query(EscalacaoObject);

      if(params !== undefined) {
        if(params.idPeople !== undefined) {
          Escalacaoquery.equalTo("jogador", params.idPeople);
        }        

        if(params.idPosicao !== undefined) {
          Escalacaoquery.equalTo("jogoude", params.idPosicao);
        }        

        if(params.idEquipe !== undefined) {
          Escalacaoquery.equalTo("time", params.idEquipe);
        }        

        if(params.idEvento !== undefined) {
          Escalacaoquery.equalTo("pelada", params.idEvento);
        }        
      }

      return Escalacaoquery.find({
        success: function(results) {
          deferred.resolve();
          },
            error: function(error) {
              console.log("Error da Query Escalcao: " + error.code + " " + error.message);
              deferred.reject(error);
            }
      })
        return deferred.promise
    }
  }]) 
}).call(this);  

[felipefialho]

@Itacolomy Amigo, muda sua pergunta para português, a idéia do fórum é ser pt-br 😉

[Itacolomy]

Ops! desculpe, achei que estava escrevendo em outro fórum, vou alterar agora!

[WandersonAlves]

Usa um service pra guardar objetos globais a aplicação, meio que um "storage", dai em qualquer controller tu só injeta esse cara e mescla os dados (lembrando de antes setar no service o que tu quer guardar)

[Itacolomy]

Olá WandersonAlves, obrigado pela atenção! olha, minha dúvida também é como "mescla os dados", ou seja, conforme o código acima, tenho os id's na classe Escalacao, perceba que no resultado do find() desta classe eu faço um for percorrendo cada registro e guardando as informações em um objeto "$scope.equipes", porém no momento que estou percorrendo o for, eu preciso também pegar o nome que corresponde ao id que vou guardar no objeto, existe alguma função ou qualquer outro recurso que permita neste instante, ir buscar o nome na classe PeopleObject para que eu possa gravá-lo junto com os demais dados do id corrente ?

[WandersonAlves]

Então, é como te disse. Primeiro cria um service ou factory (ambos são singletons) e quando em algum momento da tua app cê pegar os metadados dos jogadores (imagino que um array de jogadores com ids pra você relacionar), dai cê guarda.

Dai nesse teu trecho de codigo, varrendo a escalação no for, cê pega o id da iteração atual e pesquisa no que tu guardou, dai cê trás a estrutura inteira desse jogador.

Meio que assim:

$controllerTal.fetchMetadados().then(function (result) {
      // aqui seria os dados dos jogadores de outro serviço
      metaDadosStorage.setDados(result.data) 
}

Dai em outro momento:

$controllerTal.getEscalacao().then(function (result) {
  angular.forEach(vm.escalacao, function (jogador) {
     metaDadosStorage.getJogador(jogador.id)
  }
}

O getJogador seria algo do tipo:

function getJogador (id) {
  // Pesquisa dentro dos jogadores lá do setDados alguém que tenha id igual ao passado via parametro, se não achar, retorna array vazio

  $filter('filter)(this.jogadores, {id: id});
}

Acho que dá pra cê se guiar assim, código meia boca mas acho que deu pra passar a ideia!

[Itacolomy]

Ok WandersonAlves, mais duas dúvidas, como seria o "metaDadosStorage.setDados(result.data)" e onde eu devo definir a function getJogador ?

[WandersonAlves]

Dentro do serviço que vai guardar os jogadores (no caso o metaDadoStorage que mencionei ali):

var self = this;

this.setDados = function (jogadores) {
    self.jogadores = jogadores;
}

this.getJogador = function (idJogador) {
   return $filter('filter')(self.jogadores, {id: idJogador})
}

Lembrar de injetar o $filter na declaração do service

[Itacolomy]

@WandersonAlves, boa tarde! A classe PeopleObject é uma tabela física que contém o id e os demais dados de todos os jogadores, ou seja, já existe em um banco de dados Parse, mesmo assim eu preciso criar no app um metaDadosStorage?